В последние годы на службы потоковой передачи мультимедиа, рестораны и частные колледжи подали в суд за несоблюдение требований доступности в Интернете. Эти предприятия и учреждения стали мишенью из-за нарушений ADA (Американского закона об инвалидах). Согласно статье Los Angeles Times,
За первые шесть месяцев 2018 года в федеральный суд было подано около 5000 исков ADA по поводу предполагаемых нарушений на веб-сайте.
Правительственные веб-сайты следуют WCAG (Руководству по обеспечению доступности веб-контента), в котором изложены критерии доступности веб-сайтов для пользователей с ограниченными возможностями. Однако официальных государственных стандартов, регулирующих соответствие ADA для бизнес-сайтов, не существует.
С чего мы, разработчики и дизайнеры, вообще начинаем, когда дело доходит до того, чтобы сделать сайт доступным?
Путь в тысячу миль начинается с одного шага. -Лао-цзы
Хотя существует множество элементов, которые необходимо решить для обеспечения удобного и плавного просмотра для пользователей с ограниченными возможностями, я рассмотрю лишь некоторые из них.
Заголовки
Работая с HTML, я обнаружил, что использую множество тегов заголовков для категоризации. Прежде чем мы продолжим использовать теги от ‹h1› до ‹h6› по прихоти или продолжим без использования ничего, подумайте о своих слабовидящих пользователях. Программное обеспечение для чтения с экрана поможет выделить и прочитать список заголовков на данной странице. Затем пользователи могут сканировать или прокручивать список и выбирать заголовок, о котором им нужна дополнительная информация. Эта структура, похожая на оглавление, позволяет слабовидящим просматривать тяжелый контент. Мы не хотим, чтобы они просматривали весь текст на странице.
Цвет и контраст
Мы видим популярное сочетание серого и белого цветов на сайтах Apple, Google, Twitter и многих других. Однако вариации этих цветов могут ухудшить читабельность для пользователей. Используя инструмент Snook для проверки цветового контраста, мы видим, что следующая серо-белая пара (которую я видел в заявке на допуск к реальному веб-сайту) даже не соответствует требованиям WCAG 2 AA:
Хотя меня самого устраивает эта эстетика серого текста и белого фона, популярная среди разработчиков, она может показаться проблемой для тех, у кого проблемы со зрением.
Последние мысли
Существует гораздо больше возможностей для создания доступных веб-сайтов, чем те, которые я упомянул. Но я надеюсь, что это побудит нас учитывать пользовательский опыт для людей с ограниченными возможностями, когда мы рефакторим веб-сайты или запускаем каркас для нового приложения.
