Проверка на контраст на цветове
Проверете WCAG коефициента на контраст между цвят на текст и фон — вижте оценките AA/AAA за нормален текст, едър текст и UI компоненти, с визуализация в реално време и предложения за достъпни цветове.
Бърза кафява лисица
Едрият текст се чете комфортно при достатъчен контраст.
Това е примерен абзац с нормален основен текст. Добрият контраст на цветовете прави съдържанието ви четимо за всички, включително хора с намалено зрение или цветна слепота. примерна връзка.
Ситният шрифт и надписите са най-трудни за четене — те се нуждаят от най-много контраст.Всичко се изчислява в реално време в браузъра ви по формулата за относителна яркост WCAG 2.x — без качване, без регистрация, напълно безплатно.
За Проверка на контраст на цветове
Проверката за контраст на цветове измерва съотношението на контраста по WCAG между цвят на текст и цвят на фон, след което оценява двойката спрямо нивата на достъпност AA и AAA за нормален текст, голям текст и компоненти на потребителския интерфейс. Съотношението и всяка присъда за успех/неуспех се обновяват на живо, докато настройвате всеки от цветовете.
Реалистичен панел за преглед показва заглавия, основен текст, дребен шрифт, бутон и връзка в избраната от вас комбинация, така че можете да прецените четливостта с реално съдържание вместо абстрактни мостри. Когато двойка не издържи проверката, инструментът предлага най-близкия достъпен цвят на текста, който достига прага на AA от 4.5:1, готов за прилагане с едно кликване.
Математиката следва формулата за относителна яркост от WCAG 2.x и се изпълнява изцяло във вашия браузър — нищо не се качва и проверките са безплатни. Можете също да копирате компактен текстов отчет за съотношението и оценките, за да го поставите в преглед за достъпност или pull request.
Как да използвате Проверка на контраст на цветове
- Задайте цвета на текста и цвета на фона с палитрите за избор или като въведете стойности.
- Прочетете съотношението на контраста и резултатите за AA/AAA за нормален текст, голям текст и компоненти на интерфейса.
- Прегледайте живия преглед, за да видите реални заглавия, абзаци, бутони и връзки във вашите цветове.
- Ако двойката не издържи проверката, приложете предложения достъпен цвят на текста или разменете двата цвята.
- Кликнете "Copy report", за да споделите съотношението и резултатите за съответствие.