Kebolehcapaian (a) Peraturan - 4

Warna dan kontras

• Teks bersaiz biasa, termasuk imej teks, mesti mempunyai nisbah kontras warna 4.5:1.

• Teks bersaiz besar (18pt / 24px atau 14pt / 18.5px ditebalkan) dan ikon penting mesti mempunyai nisbah kontras warna 3:1.

• Untuk mengetahui nisbah kontras warna gunakan pemilih warna DevTools google Chrome.

• Sertakan pengecam tambahan, seperti corak, teks atau ikon, bersama warna dalam graf, carta dan jadual untuk meningkatkan pemahaman kandungan untuk semua pengguna.

• Buat tema gelap dengan @prefers-color-scheme.

• Buat tema kontras tinggi @prefers-contrast.

Animasi dan gerakan

Kandungan berkelip dan bergerak

• Jangan mengandungi apa-apa yang berkelip lebih daripada tiga kali dalam mana-mana tempoh satu saat.

• Kelip di bawah denyar umum dan ambang denyar merah.

Jeda, berhenti, atau sembunyikan pergerakan

• Tambahkan mekanisme jeda, hentikan atau sembunyikan dalam halaman untuk membolehkan pengguna mematikan animasi gerakan yang berpotensi bermasalah.

• Boleh melakukan ini pada tahap skrin atau tahap elemen.

Gunakan pertanyaan media

• Dengan bantuan pertanyaan media @prefers-reduced-motion menyemak tetapan OS pengguna yang berkaitan dengan tapak animasi dan reka bentuk yang menghormati pilihan ini.

Tipografi

• Cara terpantas untuk mencipta reka bentuk yang boleh diakses adalah dengan memilih muka taip biasa (seperti Arial, Times New Roman, Calibri, Verdana dan banyak lagi).

• Elakkan muka taip berhias atau tulisan tangan, serta muka taip dengan hanya satu huruf besar (contohnya, hanya huruf besar).

• Apabila anda mencari muka taip, beri perhatian khusus kepada perkara berikut:

  • Gunakan fon biasa apabila boleh.
  • Elakkan menggunakan fon yang rumit atau tulisan tangan dan fon yang hanya mempunyai satu huruf besar.
  • Pilih muka taip dengan ciri unik—beri perhatian khusus kepada huruf besar I, huruf kecil l dan 1.
  • Semak gabungan huruf tertentu untuk memastikan ia bukan imej cermin yang tepat antara satu sama lain.
  • Periksa kerning, terutamanya antara pasangan huruf r dan n.

Saiz fon dan gaya tipografi

• Saiz fon asas hendaklah ditakrifkan dengan nilai relatif (%, rem atau em) untuk membolehkan saiz semula.

• Hadkan bilangan variasi muka taip seperti warna, tebal, SEMUA HURUF BESAR dan huruf condong untuk meningkatkan kebolehbacaan. Sebaliknya, gunakan kaedah untuk menekankan perkataan dalam salinan anda, seperti asterisk, sempang atau menyerlahkan perkataan individu.

• Gunakan penanda dan bukannya teks pada imej apabila boleh. Pembaca skrin tidak boleh membaca teks terbenam pada imej (tanpa kod tambahan ditambah), dan teks terbenam juga boleh menjadi piksel apabila dibesarkan oleh pengguna kurang penglihatan.

Struktur dan susun atur

• Elemen kritikal harus berbeza antara satu sama lain dan elemen yang serupa harus dikumpulkan bersama.

Jarak

• Blok teks hendaklah dikecilkan untuk meningkatkan kebolehbacaan dan membantu pembaca kurang upaya mengikuti kandungan dengan lebih mudah.

Penjajaran kandungan

• Elakkan teks yang dibenarkan, kerana jarak yang tidak rata menghalang kebolehbacaan, terutamanya bagi orang kurang upaya. Ia juga boleh memesongkan jarak perkataan, menjadikan sempadan perkataan sukar dikenal pasti.

• Jarak dan alatan seperti Good Line-Height dan Kalkulator Nisbah Emas untuk membantu menjadikan salinan lebih mudah diakses.

Amalan terbaik untuk struktur dan reka letak

• Gunakan elemen seperti tajuk, subtajuk, senarai, nombor, blok petikan dan kumpulan visual lain untuk memecahkan halaman kepada bahagian.

• Gunakan perenggan, ayat dan jarak perkataan yang jelas.

• Bina lajur salinan yang lebarnya lebih kecil daripada 80 aksara (40 aksara untuk logogram).

• Elakkan penjajaran perenggan yang wajar, yang mewujudkan "sungai ruang" dalam salinan.

Atas ialah kandungan terperinci Kebolehcapaian (a) Peraturan - 4. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!