За този инструмент
Проверете съотношенията на цветовия контраст между текста на преден план и цветовете на фона според указанията за достъпност на WCAG 2.1. Въведете цветовете като шестнадесетични кодове, RGB стойности или HSL стойности и незабавно вижте съотношението на контраста заедно с резултатите за преминаване/неуспешно за съответствие с WCAG AA и AAA както при нормален, така и при голям размер на текста.
Често задавани въпроси
- Какво контрастно съотношение е необходимо за съответствие с WCAG?
- WCAG AA изисква 4,5:1 за нормален текст и 3:1 за голям текст (18pt+ или 14pt+ получер). WCAG AAA изисква 7:1 за нормален текст и 4,5:1 за голям текст. Максималното възможно съотношение е 21:1 (черно върху бяло).
- Защо цветовият контраст има значение?
- Достатъчният контраст гарантира, че текстът е четим за потребители с лошо зрение, цветна слепота или тези, които гледат екрани на ярка слънчева светлина. Това също е законово изискване съгласно ADA и разпоредбите на ЕС за достъпност за много уебсайтове.
- Какво се счита за „голям текст“ в WCAG?
- Големият текст се определя като 18pt (24px) и повече за нормално тегло или 14pt (18,66px) и повече за удебелен текст. Големият текст има по-ниски изисквания за контраст, тъй като по своята същност е по-лесен за четене.
- Този инструмент проверява ли контраста за нетекстови елементи?
- WCAG 2.1 изисква контрастно съотношение 3:1 за UI компоненти и графични обекти (бутони, икони, полета на формуляри). Можете да използвате този инструмент, за да проверите и тези - просто въведете цветовете на компонента и фона.