Доступность цвета и контраста — это задача управления качеством решения: обеспечить читаемость, различимость состояний и независимость смысла от одного только цвета. Для темы «доступность цвета и контраста» предмет обсуждения делают наблюдаемым. Артефакт «матрица цветовых ролей и контраста» отделяет требования от привычек. Рабочий результат темы «доступность цвета и контраста» — «матрица цветовых ролей и контраста». Требования и рекомендации хранятся раздельно.
Проверяемые основания
В контексте темы «доступность цвета и контраста» WCAG 2.2 содержит критерии минимального контраста и требования, запрещающие передавать информацию только визуальным цветовым различием. основание
В контексте темы «доступность цвета и контраста» Разъяснение W3C указывает порог 4,5:1 для обычного текста и 3:1 для крупного текста при уровне AA. основание
В контексте темы «доступность цвета и контраста» GOV.UK требует проверять контраст текста и интерактивных элементов и использует функциональные цвета по назначению. основание
В контексте темы «доступность цвета и контраста» Рекомендации WAI советуют сочетать цвет с текстом, формой или другими признаками, понятными разным пользователям. основание
Источники задают границы для «матрица цветовых ролей и контраста». Порядок темы «доступность цвета и контраста» остаётся редакционной схемой.
Рабочая модель
Роли цвета. Для темы «доступность цвета и контраста» элемент «Роли цвета» означает текст, фон, граница, акцент, успех, предупреждение и ошибка. Артефакт «матрица цветовых ролей и контраста» связывает его с реальным состоянием. Риск блока «Роли цвета» получает владельца.
Контраст. В артефакте «матрица цветовых ролей и контраста» блок «Контраст» описывает пары переднего плана и поверхности во всех состояниях. Тема «доступность цвета и контраста» требует примера в пользовательском пути. Вывод по «Контраст» проверяют отдельно.
Дополнительные признаки. Компонент «Дополнительные признаки» темы «доступность цвета и контраста» охватывает текст, форма, иконка или положение вместе с цветом. В артефакте «матрица цветовых ролей и контраста» добавляют контрпример. Границу «Дополнительные признаки» не оставляют подразумеваемой.
Интерактивные состояния. Часть «Интерактивные состояния» для темы «доступность цвета и контраста» фиксирует hover, focus, active, disabled и visited. Артефакт «матрица цветовых ролей и контраста» связывает её с переходом. Ошибку блока «Интерактивные состояния» описывают конкретно.
Темы. При разборе темы «доступность цвета и контраста» раздел «Темы» включает проверка светлой, тёмной и повышенной контрастности. Проверку проводят на продукте. В артефакте «матрица цветовых ролей и контраста» сохраняют открытый вопрос по «Темы».
Контроль. Для темы «доступность цвета и контраста» элемент «Контроль» означает автоматические расчёты и ручная проверка в контексте. Артефакт «матрица цветовых ролей и контраста» связывает его с реальным состоянием. Риск блока «Контроль» получает владельца.
Порядок работы
1. Собрать все смысловые роли цвета. Для «матрица цветовых ролей и контраста» шаг 1 означает: собрать все смысловые роли цвета. Его применяют к теме «доступность цвета и контраста». Расхождение записывают отдельно.
2. Проверить пары текста и фона. Этап 2 темы «доступность цвета и контраста» предполагает проверить пары текста и фона. Результат в артефакте «матрица цветовых ролей и контраста» сверяют с задачей. Ограничение помечают явно.
3. Добавить нецветовые признаки важным состояниям. В артефакте «матрица цветовых ролей и контраста» действие 3 формулируют так: добавить нецветовые признаки важным состояниям. Проверка относится к теме «доступность цвета и контраста». Риск остаётся видимым.
4. Проверить фокус и интерактивные варианты. Шаг 4 для темы «доступность цвета и контраста» — проверить фокус и интерактивные варианты. Команда обновляет «матрица цветовых ролей и контраста». Ссылка на макет не заменяет критерий.
5. Протестировать темы и системные настройки. В теме «доступность цвета и контраста» шаг 5 требует протестировать темы и системные настройки. Изменение «матрица цветовых ролей и контраста» подтверждают примером. Неизвестное условие получает владельца.
6. Зафиксировать допустимые пары в токенах. Для «матрица цветовых ролей и контраста» шаг 6 означает: зафиксировать допустимые пары в токенах. Его применяют к теме «доступность цвета и контраста». Расхождение записывают отдельно.
Переход к примеру для «матрица цветовых ролей и контраста» фиксируют отдельной проверкой темы «доступность цвета и контраста».
Практический пример
Редакционный пример для «матрица цветовых ролей и контраста» в теме «доступность цвета и контраста»: В форме бронирования ошибка отмечалась только красной рамкой, а успешное поле — зелёной. Команда добавила текст ошибки, иконку с доступным названием и общий блок проблем в начале формы. Цвет сохранил поддерживающую роль, но понимание перестало зависеть от его распознавания.
Пример темы «доступность цвета и контраста» показывает роль «матрица цветовых ролей и контраста». Для «матрица цветовых ролей и контраста» перенос вывода требует нового основания.
Разбор «матрица цветовых ролей и контраста» начинается с элемента «Роли цвета»: команда уточняет текст, фон, граница, акцент, успех, предупреждение и ошибка. Затем элемент «Контраст» сопоставляют с условием «пары переднего плана и поверхности во всех состояниях». Эти записи разделяют.
Следующим действием становится «проверить пары текста и фона». Его результат проверяют критерием «интерактивные состояния различимы без угадывания». Ошибка «проверять только основной текст на белом фоне» рассматривается как отдельный риск темы «доступность цвета и контраста», а ограничение «числовой контраст не гарантирует общую читаемость» остаётся видимым в итоговом решении. Для «матрица цветовых ролей и контраста» это сохраняет проверяемость после реализации.
Контрольные вопросы
- Для темы «доступность цвета и контраста» какой пользовательский риск уменьшается? В артефакте «матрица цветовых ролей и контраста» ответ связывают со сценарием «доступность цвета и контраста». Непроверенное мнение помечают.
- В артефакте «матрица цветовых ролей и контраста» какие части подтверждены наблюдением? В артефакте «матрица цветовых ролей и контраста» ответ связывают со сценарием «доступность цвета и контраста». Непроверенное мнение помечают.
- Для решения «доступность цвета и контраста» какое событие требует пересмотра? В артефакте «матрица цветовых ролей и контраста» ответ связывают со сценарием «доступность цвета и контраста». Непроверенное мнение помечают.
- В артефакте «матрица цветовых ролей и контраста» кто проверяет результат после разработки? В артефакте «матрица цветовых ролей и контраста» ответ связывают со сценарием «доступность цвета и контраста». Непроверенное мнение помечают.
Типовые ошибки
- Проверять только основной текст на белом фоне. Тема «доступность цвета и контраста»: ошибка затрагивает «Контраст». В артефакте «матрица цветовых ролей и контраста» хранят последствие и исправление.
- Использовать красный и зелёный как единственное различие. Тема «доступность цвета и контраста»: ошибка затрагивает «Дополнительные признаки». В артефакте «матрица цветовых ролей и контраста» хранят последствие и исправление.
- Считать недоступный элемент освобождённым от читаемости. Тема «доступность цвета и контраста»: ошибка затрагивает «Интерактивные состояния». В артефакте «матрица цветовых ролей и контраста» хранят последствие и исправление.
- Забывать контраст границ и фокуса. Тема «доступность цвета и контраста»: ошибка затрагивает «Темы». В артефакте «матрица цветовых ролей и контраста» хранят последствие и исправление.
- Проверять hex-значения вне реального состояния. Тема «доступность цвета и контраста»: ошибка затрагивает «Контроль». В артефакте «матрица цветовых ролей и контраста» хранят последствие и исправление.
Критерии качества
- Текстовые пары проходят выбранный уровень wcag. Тема «доступность цвета и контраста»: проверка следует за шагом «собрать все смысловые роли цвета». Результат сохраняют в артефакте «матрица цветовых ролей и контраста».
- Интерактивные состояния различимы без угадывания. Тема «доступность цвета и контраста»: проверка следует за шагом «проверить пары текста и фона». Результат сохраняют в артефакте «матрица цветовых ролей и контраста».
- Ошибка сообщается словами и семантикой. Тема «доступность цвета и контраста»: проверка следует за шагом «добавить нецветовые признаки важным состояниям». Результат сохраняют в артефакте «матрица цветовых ролей и контраста».
- Фокус заметен на каждой поверхности. Тема «доступность цвета и контраста»: проверка следует за шагом «проверить фокус и интерактивные варианты». Результат сохраняют в артефакте «матрица цветовых ролей и контраста».
- Темы сохраняют смысловые роли. Тема «доступность цвета и контраста»: проверка следует за шагом «протестировать темы и системные настройки». Результат сохраняют в артефакте «матрица цветовых ролей и контраста».
- Матрица связана с токенами и тестами. Тема «доступность цвета и контраста»: проверка следует за шагом «зафиксировать допустимые пары в токенах». Результат сохраняют в артефакте «матрица цветовых ролей и контраста».
Ограничения применимости
- Числовой контраст не гарантирует общую читаемость. Тема «доступность цвета и контраста» ограничена этим условием. В артефакте «матрица цветовых ролей и контраста» перепроверяют блок «Роли цвета».
- Фотографии и градиенты требуют отдельной проверки. Тема «доступность цвета и контраста» ограничена этим условием. В артефакте «матрица цветовых ролей и контраста» перепроверяют блок «Контраст».
- Брендовая палитра может не покрывать интерфейсные роли. Тема «доступность цвета и контраста» ограничена этим условием. В артефакте «матрица цветовых ролей и контраста» перепроверяют блок «Дополнительные признаки».
- Восприятие зависит от размера и насыщенности шрифта. Тема «доступность цвета и контраста» ограничена этим условием. В артефакте «матрица цветовых ролей и контраста» перепроверяют блок «Интерактивные состояния».
- Автоматический инструмент не оценивает весь пользовательский контекст. Тема «доступность цвета и контраста» ограничена этим условием. В артефакте «матрица цветовых ролей и контраста» перепроверяют блок «Темы».
Вывод
Тема «доступность цвета и контраста» использует «матрица цветовых ролей и контраста». Стартовый блок — «Роли цвета». Первое действие: «собрать все смысловые роли цвета». Результат принимают по критерию «текстовые пары проходят выбранный уровень WCAG». Ограничение «числовой контраст не гарантирует общую читаемость» сохраняют явно.
