ДОСТУПНОСТЬ САЙТА ДЛЯ МАЛОГО БИЗНЕСА.
Доступным сайтом может пользоваться больше людей: незрячие и глухие клиенты, люди со слабым зрением и те, кто пользуется только клавиатурой. Вот стандарт, по которому оценивают большинство сайтов, быстрые проверки, которые можно сделать самому, и что Министерство юстиции США говорило об ADA и сайтах.
ЧТО ТАКОЕ WCAG
Руководство по доступности веб-контента (WCAG) публикует W3C; оно объясняет, как сделать веб-контент доступнее для людей с инвалидностью.1 WCAG 2.0 вышел в 2008 году, WCAG 2.1 — в 2018-м, WCAG 2.2 — 5 октября 2023 года.1
Рекомендации построены на четырёх принципах: воспринимаемость, управляемость, понятность и надёжность.1 Каждый критерий успеха относится к одному из трёх уровней: A, AA или AAA.1 Контент, соответствующий WCAG 2.2, соответствует и 2.1, и 2.0, так что работа по новейшей версии покрывает старые.1
ПРОСТЫЕ ПРОВЕРКИ
| Проверка | На что смотреть |
|---|---|
| Заголовок страницы | У каждой страницы есть заголовок, кратко описывающий её содержание [2] |
| Текстовые альтернативы изображений | Alt-текст передаёт тот же смысл, что и изображение [2] |
| Заголовки | Почти на каждой странице есть хотя бы один заголовок, и заголовки отражают структуру страницы [2] |
| Цветовой контраст | У текста обычного размера коэффициент контраста не менее 4.5:1 [2] |
| Увеличение текста | При увеличении текст не пропадает и не обрезается, а предложения не требуют горизонтальной прокрутки [2] |
| Доступ с клавиатуры и фокус | Клавишей Tab можно дойти до каждой ссылки, поля формы, кнопки и элемента управления медиа и видно, где вы находитесь [2] |
| Формы, подписи и ошибки | У каждого элемента формы есть связанная с ним подпись [2] |
| Движущийся или мигающий контент | Люди могут управлять движущимся контентом, например слайдерами и каруселями [2] |
| Альтернативы для мультимедиа | У видео есть субтитры, у аудио — расшифровки [2] |
W3C прямо говорит, что это лишь первичный осмотр: страница может будто бы пройти эти проверки и всё равно иметь серьёзные барьеры доступности.2
ADA И САЙТЫ
В марте 2022 года Министерство юстиции США опубликовало руководство о доступности сайтов и ADA (Закон об американцах с инвалидностью).3 В нём объясняется, что раздел III (Title III) распространяется на бизнесы, открытые для публики, и что Министерство толкует ADA как применимый к товарам и услугам, которые эти бизнесы предлагают онлайн.3
В руководстве сказано, что у бизнеса есть свобода в выборе способа соблюдения, и в качестве полезного ориентира указаны существующие технические стандарты, включая WCAG.3 Там перечислены типичные барьеры: плохой цветовой контраст, передача информации только цветом, изображения без alt-текста, видео без субтитров, формы без подписей или сообщений об ошибках и навигация только мышью.3
Это краткое изложение публичного руководства, а не юридическая консультация. Если вы получили жалобу или претензионное письмо по поводу доступности, обратитесь к юристу.
ГДЕ ОШИБАЮТСЯ САЙТЫ МАЛОГО БИЗНЕСА
- Меню и прайсы картинками. Текст внутри изображения не прочитает программа экранного доступа. Разместите его на странице настоящим текстом или дайте изображению alt-текст с той же информацией.
- Светло-серый текст на белом. Проверьте контраст по минимуму 4.5:1 для обычного текста.2
- Формы контакта и записи. У каждого поля должна быть видимая подпись, а ошибки должны объяснять, что не так.
- Автоматические слайдеры и видео. Дайте возможность поставить на паузу и добавьте субтитры к видео.
- Всплывающие окна, которые не закрыть с клавиатуры. Пройдите главную страницу клавишей Tab без мыши и проверьте, не застрянете ли.
FAQ
Какой версии WCAG следовать?
WCAG 2.2 — последняя версия W3C, и контент, соответствующий ей, соответствует также 2.1 и 2.0.1
Исправит ли сайт плагин-оверлей для доступности?
Мы не можем обещать, что какой-то инструмент сделает сайт доступным. Проведите простые проверки выше и исправьте сами страницы — барьеры именно там.
Если сайт прошёл простые проверки, он соответствует требованиям?
Нет. W3C говорит, что эти проверки — лишь первичный осмотр, и страница может пройти их, но всё равно иметь серьёзные барьеры.2
ИСТОЧНИКИ
- W3C Web Accessibility Initiative, WCAG 2 Overview (обзор WCAG 2).
- W3C Web Accessibility Initiative, Easy Checks – A First Review of Web Accessibility (простые проверки доступности).
- Министерство юстиции США, ADA.gov, Guidance on Web Accessibility and the ADA (руководство о доступности сайтов и ADA).
ЧИТАЙТЕ ДАЛЬШЕ
ЗАПИШИТЕСЬ НА СТРАТЕГИЧЕСКИЙ ЗВОНОК
Нужен свежий взгляд на ваш сайт? Пришлите ссылку, и мы разберём, что исправили бы в первую очередь.