Сравнения
Сравнения
Многие понятия доступности звучат похоже, но решают разные задачи. Подпись под фото не заменяет альтернативный текст, а субтитры не всегда заменяют расшифровку. В таблицах ниже собраны общие признаки, которые помогут понять, что именно нужно вашей странице и с чего начать.
Лучший вариант — не самый полный, а тот, который вы действительно сможете поддерживать на каждой новой странице.
Как устроен раздел: таблицы описывают обычную картину общими словами и не заменяют текст рекомендаций. Точные формулировки требований стоит читать в первоисточнике — рекомендациях WCAG.
Уровни A — AA — AAA
| Признак | A | AA | AAA |
|---|---|---|---|
| Что примерно означает | Базовые требования, без которых часть людей не сможет пользоваться сайтом вовсе | Требования, которые убирают самые распространённые помехи | Самые строгие требования для особых случаев |
| Пример по духу | У картинок есть описания, всё работает с клавиатуры | Контраст обычного текста не менее 4,5:1, крупного — не менее 3:1 | Ещё более высокий контраст, сурдоперевод для видео |
| Как соотносится с другими | Нижняя ступень | Включает требования уровня A | Включает требования уровней A и AA |
| На что обычно ориентируются | Обязательный минимум | Разумная цель для большинства сайтов | Отдельные страницы и материалы, а не весь сайт целиком |
Альтернативный текст — подпись — расшифровка
| Признак | Альтернативный текст | Подпись | Расшифровка |
|---|---|---|---|
| Кто видит | Не виден на экране; его читает диктор или показывает браузер, если картинка не загрузилась | Видна всем под изображением | Видна всем рядом с материалом или по ссылке |
| Объём | Одна-две короткие фразы | От пары слов до абзаца | Полный текст всего сказанного и показанного |
| Задача | Заменить картинку для тех, кто её не видит | Дополнить картинку: кто, где, когда, источник | Заменить аудио или видео текстом целиком |
| Типичная ошибка | Имя файла или слово «изображение» вместо смысла | Повтор альтернативного текста слово в слово | Пересказ вместо полного текста |
Субтитры — расшифровка — сурдоперевод
| Признак | Субтитры | Расшифровка | Сурдоперевод |
|---|---|---|---|
| Что это | Текст речи и важных звуков поверх видео, синхронно с ним | Отдельный текст всего ролика или аудиозаписи | Перевод на жестовый язык, который показывает переводчик в кадре |
| Кому помогает | Тем, кто не слышит, и тем, кто смотрит без звука | Тем, кто не слышит и не видит, а также тем, кто предпочитает читать | Людям, для которых жестовый язык — родной |
| Чем удобен | Не нужно отрываться от видео | Можно читать в своём темпе и искать по тексту | Передаёт интонацию и смысл на привычном языке |
| С чего начать небольшому сайту | С роликов, где говорят о главном | С подкастов и записей без видео | С отдельных важных материалов |
Читайте также
- Инструкции
Пошаговые инструкции: как сделать текст читаемым, страницу — понятной по заголовкам, а форму обратной связи — удобной для всех. Здесь же каталог публикаций.
- Инструменты
Чем проверить сайт самому: увеличение в браузере, клавиатура, режим высокой контрастности, встроенный экранный диктор, проверка цветов и валидатор разметки.
- Если не работает
Что делать, если не видно фокуса, текст не помещается при увеличении, кнопка без надписи, ошибки формы непонятны или видео идёт без субтитров.
- Словарь
Словарь терминов: доступность, WCAG, ГОСТ Р 52872-2019, контраст, альтернативный текст, фокус, экранный диктор, субтитры и простой язык.
- Вопросы
Ответы на частые вопросы о справочнике, о тексте и изображениях, о формах, видео и о том, как проверить доступность своего сайта без специалиста.
Источники
- W3C — рекомендации WCAG 2.2
- ГОСТ Р 52872-2019
- Редакционные материалы справочника Wpget
Сведения изложены общими словами на дату подготовки. Рекомендации, браузеры и привычки читателей постепенно меняются, поэтому в спорных случаях сверяйтесь с первоисточниками: текстом рекомендаций WCAG и действующим ГОСТ Р 52872-2019.