Доступность

01

Структура и значение

Сравните информацию и представление в контексте использования.

Завершить определение объема тестированияЗапишите критерии доступа, а также экраны и статусы, которые необходимо проверить.Сочетает в себе автоматическое тестирование с нажатием клавиш и программами чтения с экрана.Пример Проверьте как нормальную форму, так и форму ошибки и диалоговое окно подтверждения.Измерьте фактическую контрастностьПроверьте наличие осмысленного текста, символов и элементов управления как в светлом, так и в темном интерфейсе.Проверьте каждую комбинацию текста, фона, фокуса и статуса, включая дополнительный контент; Запишите результаты рядом с образцом, чтобы пользователи системы не сделали неправильный выбор.Выполняйте задания с помощью клавиатурыПоддерживайте правильный порядок фокусировки, правильную работу и путь выхода из наложения.Документация должна описывать фокус и ключевые пути каждого типа элемента; скриншот интерфейса не показывает такого поведения.Держите точку фокусировки видимойНе удаляйте индикатор фокуса и не позволяйте заголовку или панели закрывать то, что выбрано в данный момент.Убедитесь, что фокус не закрыт заголовком, ящиком или клавиатурой; Состояние фокуса должно быть видно на всех фонах пользователя.

02

Взаимодействие и удобство использования

Попробуйте выполнить операцию, измените статус и продолжайте работу.

Используйте правильные имена и структуры.Элементы управления метками, иерархии заголовков и статусы, которые понимают инструменты поддержки.Расставьте приоритеты HTML-элементов со встроенным поведением; Добавляйте роль или атрибут только в том случае, если они отражают фактическое состояние.Проверьте, когда текст станет большеУвеличьте текст и уменьшите масштаб экрана, чтобы найти вырезки в контенте или недостающие действия.Прочтите важные измененияВ случае ошибок результаты и прогресс сообщаются без внезапного привлечения внимания.Запись физического осмотраПроведите тестирование с помощью подходящего человека или вспомогательного инструмента и четко укажите непроверенную часть.Комбинируйте инструменты автоматизации с клавиатурой и программами чтения с экрана; Не считайте автоматический отчет без ошибок доказательством того, что все задачи можно использовать.

03

Завершите опыт

Проверьте детали, которые легко упустить при вводе проекта в эксплуатацию.

Поведение доступности документа в проектеПеред реализацией укажите доступные имена, порядок чтения, размещение фокуса и динамическую обратную связь.Примечания должны следовать за фактическими действиями, такими как фокус после открытия модального окна или уведомление после сохранения, а не просто перечислять атрибут ARIA.Требовать доступности при добавлении компонентовТребовать, чтобы новые или измененные компоненты прошли проверку клавиатуры, доступного имени, контрастности и состояния на соответствие системным стандартам.Укажите ответственное лицо и подтверждение аудита в форме вклада; Ошибки доступности следует отслеживать, как и другие ошибки функциональности.

Доступность Система дизайна

Структура и значение

Взаимодействие и удобство использования

Завершите опыт

Как проверять

Завершить определение объема тестирования

Примеры использования

Завершить определение объема тестирования

Найти чек-лист

Чек-листы не найдены