Елементи повинні відповідати підвищеним вимогам контрастності кольорів

Переконайтеся, що всі текстові елементи відповідають підвищеним вимогам кольорового контрасту (рівень AAA).

Критерій успіху: контраст не менше 7:1 для звичайного тексту та 4.5:1 для великого тексту. Великий текст — це 18pt (24px) або 14pt напівжирний (19px).

Як перевірити

• WebAIM Contrast Checker — оберіть рівень WCAG AAA.
• У Chrome DevTools: в панелі контрасту є окремі лінії для AA та AAA рівнів.

Рекомендації

• Основний текст — використовуйте чорний або майже чорний (#1a1a1a) на білому фоні.
• Другорядний текст — не світліше #525252 на білому фоні для рівня AAA.
• Кольорові кнопки — перевіряйте контраст тексту кнопки відносно її фону.