FreeCode.Academy
Стратегии обучения
Уроки
Технологии
Участники
Проекты
Задачи
Таймеры
Топики
Блоги
Офис
О проекте
Войти
↴ Applied Accessibility
Добавьте текстовое описание для изображений, чтобы увеличить их информативность для пользователей с нарушением зрения
Знать, когда Alt-текст должен оставаться пустым
Использовать заголовки для отображения иерархических отношений содержимого
Перейти прямо к контенту, используя элемент main
Оборачивание контента в элемент article
Сделать экранную навигацию проще с заголовком Landmark
Сделать навигацию с помощью экрана лучше с помощью навигационной системы Landmark
Улучшение навигации в Screen Reader с помощью нижнего колонтитула Landmark
Улучшаем доступность аудиоконтента
Улучшите читаемость диаграммы
Улучшить доступность поля формы с помощью элемента Element
Обтекание переключателей в элементе Fieldset для лучшей доступности
Добавить возможность выбора даты
Стандартизировать время с атрибутом datetime HTML5
Сделать элементы доступными только для чтения с экрана с помощью пользовательского CSS
Улучшить читаемость с помощью текста с высоким контрастом
Избегайте недостаточной контрастности текста и фона, чтобы пользователю было легче их воспринимать
Будьте внимательны к пользователям, которые не могут различать некоторые цвета - аккуратно выбирайте цвет текста и фона для передачи значимой информации
Определите ссылку при помощи описания
Сделать ссылки навигационными с ключами доступа к HTML
Использование tabindex для добавления фокуса клавиатуры к элементу
Использование tabindex для указания порядка фокуса клавиатуры для нескольких элементов