Skip to content

Instantly share code, notes, and snippets.

@archual
Created May 16, 2023 06:38
Show Gist options
  • Save archual/f2b768b90cdb3516c74c4ac446b1000d to your computer and use it in GitHub Desktop.
Save archual/f2b768b90cdb3516c74c4ac446b1000d to your computer and use it in GitHub Desktop.
List of things that need to be improved to enhance website accessibility.

List of things that need to be improved to enhance website accessibility.

Разработка

  • В каждом элементе реализовать поддержку управления с клавиатуры, а также aria-атрибуты и роли (Надежность).
  • Для всех изображений добавить альтернативный текст или пометить как декоративное.
  • Во все layout’ы добавить landmarks, в каждый хедер – skip to main link, добавить навигационные тэги в хедеры и футеры.
  • Добавить разметку для Unicode символов ()
  • Добавить элементы управления в виджеты отображения видео.
  • Связать в коде, где возможно, единообразные ссылки типа learn more с соответствующими заголовками.
  • Реализовать все изменения дизайна в соответствии с требованиями a11y.

Дизайнеры, проектировщики UX, технические писатели, копирайтеры, другие команды

  • Увеличить контрастность текстов.
  • Создать перечень значимых изображений и описания для них.
  • Сделать единообразные стили заголовков и проставить их уровни.
  • Учитывать при проектировании элементов управления hover-эффекты и фокусы.
  • Не менять семантику элементов – кнопка должна вести себя как кнопка, ссылка – как ссылка, селектор как селектор и т.п.
  • Пересмотреть hit area для фокусировки.
  • Учитывать помощь при вводе при проектировании форм ввода.
  • Не использовать текст на изображениях в качестве единственного источника информации.
  • Учитывать, что тексты поверх изображений должны быть на подложке.
  • Идти по пути упрощения дизайна и создании единой концепции сайта/портала/продукта.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment