Materi
Toko Nusantara membuka pelatihan kasir dan butuh formulir pendaftaran yang terbaca di layar 360 piksel. Tiga hal diperiksa dalam misi ini: struktur formulir, hubungan label dengan isiannya, dan kontras teks.
Label yang terhubung
W3C WAI menjelaskan atribut for pada label harus berisi nilai id milik isiannya. Hubungan itu membuat pembaca layar menyebutkan labelnya saat isian difokuskan, dan menekan teks label memindahkan fokus ke isian, yang memperbesar sasaran sentuh di layar kecil.
<label for="nama">Nama lengkap</label>
<input type="text" id="nama">Atribut type pada input menentukan papan ketik yang muncul di ponsel dan pemeriksaan bawaan peramban: type="email" menampilkan tanda @ dan menolak isian tanpa bentuk alamat surel, sedangkan type="tel" menampilkan papan angka.
Teks alternatif gambar
Atribut alt berisi teks yang menggantikan gambar. W3C WAI menetapkan gambar yang membawa informasi diberi alt berisi keterangan singkat informasinya, sedangkan gambar yang hanya hiasan diberi alt kosong (alt="") supaya dilewati pembaca layar.
Kontras
WCAG 2.2 kriteria 1.4.3 menetapkan rasio kontras minimum 4.5:1 antara teks dan latarnya untuk teks berukuran biasa, dan 3:1 untuk teks besar (mulai 18 pt, atau 14 pt tebal).
