Доступность

WCAG, клавиатура, фокус, контраст, формы, чтение с экрана, управление движением и доступность компонентов.

Материалы

• Доступность учебного сайта

  Делаем учебную библиотеку удобной для разных способов чтения и управления: семантика, клавиатура, фокус, альтернативы изображениям, таблицы, формы и вспомогательные технологии.

• Читательские задачи и барьеры

  Как определить задачи читателя учебного сайта, отделить предположение от наблюдения и составить реестр барьеров.

• Семантика и структура чтения

  Как построить HTML-оболочку учебной статьи с понятными областями, заголовками, языком и названием документа.

• Клавиатурный маршрут по учебной странице

  Как добавить переход к содержимому, сохранить естественный порядок Tab и различать ссылку, кнопку и цель фокуса.

• Видимый и незакрытый фокус

  Как оформить клавиатурный фокус и учитывать высоту закреплённого хедера при переходе к разделам учебной статьи.

• Альтернативы изображениям в учебной статье

  Как различать назначение иллюстрации, подписи и alt и передавать результат программы текстом.

• Доступные таблицы в техническом уроке

  Как связать ячейки с заголовками, дать таблице название и сохранить смысл при прокрутке и последовательном чтении.

• Контраст и смысл без опоры только на цвет

  Как проверять цветовые пары, различать контраст текста и управления и сохранять смысл ссылок и сообщений.

• Масштабирование и перестроение учебной страницы

  Как сохранить текст, ссылки и сложные фрагменты статьи при увеличении и узком представлении без обрезания содержания.

• Меню и раскрывающиеся блоки

  Как раскрывать навигацию настоящей кнопкой, согласовать видимость и aria-expanded и сохранить чтение без JavaScript.

• Понятные имена ссылок и кнопок

  Как согласовать видимые подписи и доступные названия, оформить значок и различать имя, описание и состояние.

• Подписи, подсказки и ошибки формы

  Как связать поле с названием и подсказкой, показать конкретную ошибку и отличить проверку адреса от отправки.

• Сообщения о результате без перемещения фокуса

  Как добавить сообщение состояния к учебной форме, сохранить место управления и различать результат, ошибку и изменение контекста.

• Последовательное чтение урока со скринридером

  Как подготовить сценарий чтения от названия страницы до формы и записать наблюдения без ожидания единственной озвучки.

• Ручная и автоматическая оценка доступности

  Как объединить сценарии и результаты инструментов, выбрать страницы и составить воспроизводимый отчёт без ложной полноты.

• Диалог увеличения изображения

  Диалог увеличения изображения на учебном стенде a11y-lab с объяснением поведения и его границ.

• Сенсорное управление учебной страницей

  Сенсорное управление учебной страницей на учебном стенде a11y-lab с объяснением поведения и его границ.

• Системные настройки читателя

  Системные настройки читателя на учебном стенде a11y-lab с объяснением поведения и его границ.

• Содержательные альтернативы видеоуроку

  Содержательные альтернативы видеоуроку для учебной библиотеки ProfessorWeb с содержательным примером и границами оценки.

• Язык текста терминов и программного кода

  Язык текста терминов и программного кода для учебной библиотеки ProfessorWeb с содержательным примером и границами оценки.

• Доступность в редакционном процессе

  Доступность в редакционном процессе для учебной библиотеки ProfessorWeb с содержательным примером и границами оценки.