Ниже рассказали о том, как и с помощью чего проводить автоматизированное тестирование доступности сайта.

Тестирование:
Автоматизиро-ванное

Вы проделали большую и важную работу, чтобы ваш продукт стал доступнее для всех. Теперь необходимо убедиться в том, что все сделано правильно.
Ниже рассказали о том, как и с помощью чего проводить автоматизированное тестирование доступности сайта.

Тестирование:
ручное

Вы проделали большую и важную работу, чтобы ваш продукт стал доступнее для всех. Теперь необходимо убедиться в том, что все сделано правильно.
Ниже рассказали о том, как и с помощью чего проводить автоматизированное тестирование доступности сайта.

Тестирование:
Со скрин-ридером

Вы проделали большую и важную работу, чтобы ваш продукт стал доступнее для всех. Теперь необходимо убедиться в том, что все сделано правильно.
Ниже рассказали о том, как и с помощью чего проводить автоматизированное тестирование доступности сайта.

Тестирование:
юзабилити

Вы проделали большую и важную работу, чтобы ваш продукт стал доступнее для всех. Теперь необходимо убедиться в том, что все сделано правильно.
Проверьте разметку страницы через валидатор верстки
HTML Checker от W3C автоматически проверит верстку ваших страниц.
HTML Checker от W3C
Валидатор отображает два типа уведомлений — warning (предупреждение) и error (ошибка).
Error предполагает наличие серьезных ошибок, которые необходимо незамедлительно устранить.
Warning — уведомление о наличии некритичных ошибок в верстке. Такие ошибки тоже нужно устранять, но перед их устранением необходимо детальнее разобраться в самой ошибке — ее специфике и возможных причинах возникновениях.
2. Фокус должен идти по порядку — слева направо, сверху вниз. Логическая последовательность и визуальный порядок должны соответствовать порядку элементов в коде. (Последовательность элементов можно проверить в Firefox: во вкладке «Поддержка доступности» есть галочка «Показать порядок табуляции» — подсветит все фокусные элементы и их порядок.)
1. Фокус всех элементов должен быть контрастным и одинаковым — ссылка должна быть подсвечена так же, как и кнопка.
По нажатию на Tab или Shift+Tab мы должны всегда видеть фокус и понимать, где мы находимся:
Проверьте разметку страницы через валидатор верстки
4. Не забудьте проверить наличие атрибута lang. Если в тексте есть символы другого алфавита, то продублируйте атрибут lang с необходимым языком.
3. Проверьте адаптивы страницы на корректность: ничего не едет, не появляется ли скролл там, где не нужно?
2. При увеличении страницы на 200% и увеличении отдельно только шрифта на 200% страница должна адаптироваться и выглядеть корректно, а клавиатура и мышь должны работать так же, как и при масштабе 100%. Примечание: увеличить только текст можно в Firefox: Вид / Масштаб / Только текст.
1. Весь медиаконтент имеет расшифровку: у аудио есть текстовая расшифровка, у видео — субтитры.
Убедитесь в корректности разметки страницы:
Проверьте корректность разметки страниц
Используйте скринридеры, чтобы лучше понять, как незрячие люди работают с голосовым интерфейсом.
Используйте скринридеры