Aksesibilitas
Yang harus dilewati setiap layar, halaman, dan cetakan: kontras yang diukur, teks yang bisa membesar, target yang kena jempol, dan arti yang tidak pernah bergantung pada warna saja.
Terukur, bukan diklaim
#Patepang dibuat untuk orang yang membaca dengan telinga, menekan dengan satu jempol, membaca dengan huruf besar, atau tidak melihat beda merah dan hijau. Isi halaman ini bukan harapan: setiap baris adalah aturan yang sudah dijaga tes atau pemeriksaan, atau yang ditandai belum diverifikasi.
Patokannya WCAG 2.2 tingkat AA, di setiap layar dan setiap halaman, terang dan gelap.
Kontras
#Kata-kata butuh 4,5 : 1 terhadap latarnya. Kata-kata besar, tepi kontrol, cincin fokus, dan tanda yang membawa keadaan kontrol butuh 3 : 1.
Tidak ada pasangan yang dipakai sebelum diukur. Aplikasi menulis laporan setiap pasangan yang dipakainya, terang dan gelap, dan sebuah tes gagal bila warna berubah tanpa laporan itu; situs mengukur setiap pasangannya sendiri, dan mengukur kata-kata di atas lukisan dari piksel di belakangnya.
Biru lembut adalah contoh paling jelas. Putih di atasnya terukur 2,58 : 1 dan ia terukur 2,37 : 1 di atas ivory, jadi ia adalah identitas Patepang, dan tidak pernah kata-kata atau kontrol.
Tidak hanya warna
#Warna tidak pernah membawa arti sendirian. Selalu ada hal lain yang mengatakan hal yang sama.
| Yang dikatakan | Selain warna |
|---|---|
| Ada yang salah | Ikon dan kata-kata |
| Yang dipilih | Centang, titik, posisi, bentuk, atau garis tepi |
| Langkah ke berapa | Kata-kata: “2 dari 4” |
| Sebuah status | Ikon dan kata |
| Tautan di dalam kalimat | Garis bawah |
Teks yang bisa membesar
#Teks membesar mengikuti setelan HP. Setiap benda punya tinggi paling kecil, bukan tinggi tetap, jadi tidak ada yang terpotong; aplikasi diperiksa pada 130%, 160%, dan 200%.
Di situs teks tetap utuh pada 200%, tidak ada halaman yang lebih lebar dari layar 320 px, teks bacaan tidak pernah di bawah 13 px, dan satu baris memuat kira-kira 70 karakter.
Tidak ada yang ditulis kapital semua, dan tidak ada label yang hurufnya direnggangkan.
Sentuh dan keyboard
#Setiap aksi menjawab jari di area paling kecil 48 di aplikasi, dan 44 di situs dengan 48 untuk kontrol utama. Tautan di dalam kalimat adalah satu-satunya pengecualian.
Setiap yang bisa ditekan menunjukkan bahwa ia ditekan.
Apa pun yang dicapai keyboard diberi cincin: selebar 2, dan berkontras paling sedikit 3 : 1 dengan sekitarnya. Di latar gelap cincinnya menjadi terang, karena biru merek tidak akan terlihat di sana.
Dialog menahan fokus di dalamnya, mulai dari aksi yang aman, ditutup dengan Escape atau tombol kembali, dan mengembalikan fokus ke yang membukanya.
Gerak
#Saat HP atau browser meminta gerak dikurangi, tidak ada yang bergeser, membesar, atau berulang, dan yang seharusnya bergerak menampilkan keadaan akhirnya. Apa pun yang berjalan sendiri bisa dijeda. Selebihnya ada di halaman Gerak.
Pembaca layar
#- Setiap kontrol punya peran, nama, dan keadaan yang bisa dibacakan pembaca layar. Yang berubah tanpa mengambil fokus diumumkan sekali.
- Logo dibacakan “Patepang”, tidak lebih.
- Gambar di samping judul adalah hiasan dan disembunyikan dari pembaca layar. Gambar yang berdiri sendiri punya kalimat yang ditulis untuknya, dalam bahasa Indonesia dan Inggris.
- Ikon yang berdiri sendiri punya nama. Ikon di samping katanya disembunyikan, supaya kata itu tidak dibacakan dua kali.
- Setiap halaman punya satu judul utama, dan tautan di paling awal yang melompat ke isinya.
Keadaan lain
#Situs juga diperiksa dalam keadaan yang tidak terlihat sekilas.
| Keadaan | Yang berlaku |
|---|---|
| Dicetak | Lukisan, header, dan tombol hilang; setiap jawaban tanya jawab tercetak, dibuka atau tidak |
| Tanpa skrip | Setiap halaman terbaca penuh, dan kontrol yang butuh skrip tidak ditampilkan |
| Warna paksa | Yang digambar dengan warna latar memakai warna sistem; keadaan yang ditandai isian mendapat tanda lain |
| Alamat yang salah | Halaman yang mengatakannya tetap di dalam situs, dalam bahasa alamatnya |
| Lompatan ke sebuah bagian | Mendarat di bawah header, bukan di baliknya |
Yang menjaga
#Yang menjaganya, pada setiap perubahan:
- Aplikasi: tes untuk kontras, target sentuh, dan kebijakan gerak; tes di browser sungguhan untuk keyboard, fokus, dan teks pada 200%.
- Situs: axe di setiap halaman dalam kedua skema; setiap halaman pada 360 dan 320 px; cincin fokus dan kata-kata di atas lukisan yang diukur dari pikselnya; cetak, tanpa skrip, dan pencarian tanpa hasil; Lighthouse paling sedikit 95.
Tidak pernah
- Memakai pasangan warna yang belum diukur.
- Mengatakan sesuatu dengan warna saja, bunyi saja, atau gambar saja.
- Mematikan skala teks untuk apa pun yang dibaca.
- Menyembunyikan cincin fokus, atau cincin bawaan browser tanpa memberi gantinya.
- Menaruh kata-kata di atas foto atau lukisan tanpa mengukurnya di sana.
Belum diverifikasi
#Aplikasi belum diuji dengan VoiceOver atau TalkBack di HP sungguhan, dan belum di perangkat fisik sama sekali. Daftar periksa untuk uji itu sudah ditulis dan menunggu.
Patepang Sans, ikon, dan ilustrasi juga masih harus dilihat di HP sungguhan. Halaman masing-masing mengatakannya.