Доступность учебного сайта
Делаем учебную библиотеку удобной для разных способов чтения и управления: семантика, клавиатура, фокус, альтернативы изображениям, таблицы, формы и вспомогательные технологии.
В серии 20 уроков. Начнём с конкретных читательских задач, затем проверим структуру и основные действия. Во второй части разберём диалоги, сенсорное управление, системные настройки, видео, язык материалов и редакционный процесс.
Перед началом
Базовые знания HTML и CSS. Общий пример серии — отдельный учебный сайт a11y-lab.
Уроки по порядку
- Доступность сайта: читательские задачи и барьеры
- Доступность сайта: семантика и структура чтения
- Доступность сайта: клавиатурный маршрут по учебной странице
- Доступность сайта: видимый и незакрытый фокус
- Доступность сайта: альтернативы изображениям в учебной статье
- Доступные таблицы в техническом уроке
- Доступность сайта: контраст и смысл без опоры только на цвет
- Доступность сайта: масштабирование и перестроение учебной страницы
- Доступность сайта: меню и раскрывающиеся блоки
- Доступность сайта: понятные имена ссылок и кнопок
- Доступность сайта: подписи, подсказки и ошибки формы
- Доступность сайта: сообщения о результате без перемещения фокуса
- Последовательное чтение урока со скринридером
- Ручная и автоматическая оценка доступности
- Доступность сайта: диалог увеличения изображения
- Доступность сайта: сенсорное управление учебной страницей
- Доступность сайта: системные настройки читателя
- Доступность сайта: содержательные альтернативы видеоуроку
- Доступность сайта: язык текста терминов и программного кода
- Доступность в редакционном процессе
Уроки развивают общий пример. Переходите к следующему после разбора результата предыдущего; к нужной теме можно вернуться по этому оглавлению.