Операциялык
Түс контрастын текшергич
Жарнама
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) же чоңураак
Экраныңыздагы бардык нерседен так түстөрдү алуу үчүн Түс тандоодогу көз тамчыны колдонсоңуз болот.
Бир гана түскө таянган шилтемелер өзгөчөлүк үчүн, биздин түстөрдүн контрастын текшерүүчүбүздү колдонуңуз, алардын жеткиликтүүлүк стандарттарына жооп бериши жана бардыгы үчүн оңой окууга болот.