Выбор ответа Middle Цвет, контраст, доступность обновлено
Белый на синей кнопке
Вопрос
Кнопка: белый текст 16 px обычного начертания на фоне #007AFF. Контраст около 4.02:1. Что верно по WCAG 2.2 AA?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Нет для 16 px (нужно 4.5:1), да для крупного от 24 px или жирного 18.66 px. Текст на кнопке остаётся текстом, к нему применяется 1.4.3: 4.5:1 для обычного размера.
Варианты ответа
- Проходит: для текста на кнопках достаточно 3:1 по критерию 1.4.11
- Проходит: системные цвета платформ исключены из требований WCAG
- Нет для 16 px (нужно 4.5:1), да для крупного от 24 px или жирного 18.66 pxправильный ответ
- Не проходит ни при каком размере: белый на синем ниже порога 3:1
Разбор
Текст на кнопке остаётся текстом, к нему применяется 1.4.3: 4.5:1 для обычного размера. 3:1 из 1.4.11 относится к границе или форме самого элемента, а не к подписи. Исключений для системных цветов нет. Крупный текст требует 3:1, и 4.02 его проходит.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.