Операциялық
Түс контрастын тексеру құралы
Жарнама
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
Түс контрастын тексеру құралы арқылы сынау үшін түс комбинацияларыңызды төменде енгізіңіз және олардың қол жетімділік стандарттарына сәйкес келетінін бірден көріңіз.
Түс контрастын тексеру құралы қалай жұмыс істейді
RGB он алтылық мәндерін пайдаланып алдыңғы және фон түстерін енгізіңіз немесе оларды Түс таңдау құралы арқылы тікелей таңдаңыз.
- Алдыңғы фон түсінің мөлдірлігін өзгерту үшін Альфа параметрін реттеңіз.
- Түсті ашық немесе күңгірт етіп көрсету үшін Ашықтық сырғытпасын пайдаланыңыз.
Содан кейін құралымыз контраст коэффициентін есептеп, оны WCAG нұсқауларына сәйкес тексереді:
- WCAG 2.0 AA деңгейі
- Қалыпты негізгі мәтін үшін кемінде 4,5:1
- Үлкен мәтін үшін кемінде 3:1
- WCAG 2.1 (UI және графика)
- Белгішелер, жиектер және басқа интерфейс құрамдастары үшін кемінде 3:1
- WCAG деңгейі AAA
- Қалыпты мәтін үшін кемінде 7:1
- Үлкен мәтін үшін кемінде 4,5:1
Үлкен мәтін мынаны білдіреді:
- 14 pt (шамамен 18,66 пиксель) және қалың немесе
- 18 pt (шамамен px) немесе үлкенірек
Экрандағы кез келген нәрседен нақты түстерді алу үшін Түс таңдау құралындағы көз тамшысын пайдалануға болады.
Тек түске ғана сүйенетін сілтемелер ерекшеленуі үшін, олардың қол жетімділік стандарттарына сәйкес келетініне және барлығына оңай оқуға болатынына көз жеткізу үшін түс контрастын тексеру құралын пайдаланыңыз.