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