Доступность кажется темой для больших организаций, а на деле половина требований — это обычное удобство. Разбираем принципы и то, что можно проверить самому.
Коротко
- Доступность строится на четырёх принципах W3C.
- Многое проверяется без специальных знаний.
- Часть требований совпадает с обычным удобством.
- Нормативные критерии смотрят в спецификации.
Что это такое
Доступность — это возможность пользоваться сайтом людям с разными возможностями восприятия и управления: тем, кто плохо видит, не слышит, не пользуется мышью или читает с экрана голосом. Международные рекомендации по доступности веб-содержимого публикует W3C, и они устроены как четыре принципа с руководствами внутри.
| Кому помогает | Пример |
|---|---|
| Людям с нарушениями зрения | Чтение с экрана голосом |
| Людям с нарушениями слуха | Титры в видео |
| Тем, кто не пользуется мышью | Управление с клавиатуры |
| Всем на ярком солнце | Контрастный текст |
| Всем с телефона одной рукой | Крупные элементы |
Четыре принципа
| Принцип | О чём он |
|---|---|
| Воспринимаемость | Содержимое можно увидеть или услышать |
| Управляемость | Интерфейсом можно пользоваться |
| Понятность | Содержимое и поведение понятны |
| Надёжность | Совместимость с инструментами пользователя |
В сводке W3C под каждым принципом перечислены руководства. В воспринимаемость входят текстовые альтернативы для нетекстового содержимого, титры и альтернативы для мультимедиа, возможность представить содержимое по-разному без потери смысла и облегчение зрительного и слухового восприятия.
Управляемость и понятность
| Принцип | Что в него входит по W3C |
|---|---|
| Управляемость | Вся функциональность доступна с клавиатуры |
| Достаточно времени на чтение и использование | |
| Нет содержимого, вызывающего приступы | |
| Помощь в навигации и поиске содержимого | |
| Понятность | Текст читаемый и понятный |
| Содержимое ведёт себя предсказуемо | |
| Помощь в избегании и исправлении ошибок |
Последняя строка — та самая работа с ошибками форм, о которой идёт речь и в обычном юзабилити. Это хороший пример того, что доступность и удобство пересекаются: понятное сообщение об ошибке нужно всем, а не только тем, кто пользуется вспомогательными технологиями.
Что можно проверить самому
Пройти страницу с клавиатуры
Только табуляцией и вводом.
Проверить, видно ли фокус
Где вы сейчас находитесь.
Увеличить текст
Не ломается ли вёрстка.
Посмотреть без картинок
Понятно ли содержание.
Проверить подписи к изображениям
Есть ли текстовые альтернативы.
Посмотреть на ярком свету
Читается ли текст.
Первые два шага находят больше всего и не требуют никаких инструментов. Если по сайту нельзя пройти клавиатурой или неясно, на каком элементе вы находитесь, им не смогут пользоваться и те, кто не видит экран.
Где доступность совпадает с удобством
| Требование доступности | Кому ещё полезно |
|---|---|
| Контрастный текст | Всем на солнце и с плохим экраном |
| Подписи к полям формы | Всем |
| Понятные тексты ссылок | Всем, кто просматривает по диагонали |
| Заголовки по иерархии | Всем и поисковым системам |
| Текстовые альтернативы картинок | При медленном интернете |
| Возможность остановить движение | Всем, кого отвлекает |
Четвёртая и пятая строки — обычные задачи поисковой оптимизации. Иерархия заголовков и заполненные подписи к изображениям нужны и людям, и роботам: про них есть отдельные статьи — про иерархию заголовков и про подписи к изображениям.
С чего начать небольшой компании
| Шаг | Сложность |
|---|---|
| Проверить контраст основного текста | Низкая |
| Заполнить подписи к изображениям | Низкая |
| Сделать видимым фокус | Средняя |
| Привести в порядок заголовки | Средняя |
| Проверить формы с клавиатуры | Средняя |
| Добавить титры к видео | Зависит от объёма |
Здесь намеренно нет числовых требований — например, к соотношению контраста. Конкретные критерии успеха опубликованы в самой спецификации W3C, и сверяться нужно с ней: сводка, на которую я опирался, даёт только уровень принципов и руководств.
Частые вопросы
На чём строятся требования доступности?
На четырёх принципах W3C: воспринимаемость, управляемость, понятность и надёжность. Под каждым перечислены руководства — например, вся функциональность должна быть доступна с клавиатуры.
Что можно проверить без специальных знаний?
Пройти страницу клавиатурой, посмотреть, видно ли фокус, увеличить текст, проверить подписи к изображениям и читаемость на ярком свету.
Доступность нужна только людям с ограничениями?
Нет. Контрастный текст, подписи к полям, понятные ссылки и иерархия заголовков полезны всем, а последнее — ещё и поисковым системам.
Где смотреть конкретные требования?
В спецификации W3C. Сводка на уровне принципов не содержит числовых критериев — например, требований к контрасту, — и их нужно брать из нормативного документа.
Читайте также
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
