Cara mentafsirkan WCAG2.0 Garis Panduan Perbezaan untuk Butang dan Ikon

1. Apakah kontras warna minimum yang harus dilalui ikon?
2. Apakah nisbah kontras yang boleh diterima?
3. Bagaimana anda membaca warna nisbah kontras?
4. Bagaimana kontras wcag dikira?

Apakah kontras warna minimum yang harus dilalui ikon?

Ujian pertama ikon harus menentang latar belakang yang paling gelap (paling tidak berbeza) yang bersebelahan dengan warna ikon. Sekiranya itu sekurang -kurangnya 3: 1, ia melewati kriteria kejayaan.

Apakah nisbah kontras yang boleh diterima?

Panduan nisbah kontras warna

Setiap kali menggunakan warna dalam imej, pastikan warna mempunyai nisbah kontras sekurang -kurangnya 4.5: 1. Ini memastikan bahawa teks masih boleh dibaca kepada mereka yang mungkin mempunyai buta warna.

Bagaimana anda membaca warna nisbah kontras?

Nisbah kontras berkisar antara 1 hingga 21 (ditulis sebagai 1: 1 dan 21: 1). Nombor pertama, L1, merujuk kepada luminance relatif warna cahaya manakala L2 adalah nombor kedua yang merujuk kepada luminans relatif warna gelap.

Bagaimana kontras wcag dikira?

Sebaliknya dikira menggunakan "luminance relatif", yang ditakrifkan sebagai: kecerahan relatif dari mana -mana titik di ruang warna, dinormalisasi hingga 0 untuk hitam paling gelap dan 1 untuk putih paling ringan. Luminance relatif dapat dikira dari mana -mana kod warna (seperti hex atau rgb).