Независимый справочник о доступности сайтов. Не делаем сайты на заказ и не продаём хостинг; не связаны с прежним сайтом на этом домене.

Словарь

Словарь терминов

В разговорах о доступности много слов, которые звучат технично, а означают понятные вещи. Мы собрали самые нужные и объяснили их коротко, чтобы рекомендации и чужие советы перестали казаться шифровкой, а вы могли спокойно обсуждать правки с тем, кто поддерживает ваш сайт.

Когда понимаешь, что такое фокус, начинаешь замечать, как часто его прячут.

— От редакции

Как устроен раздел: каждое определение даётся простыми словами и относится к обычному небольшому сайту. Сами стандарты устроены сложнее, но для первых шагов этого уровня обычно достаточно.

Основы и стандарты

Доступность
Свойство сайта, при котором им могут пользоваться все люди, в том числе люди с инвалидностью, пожилые читатели и те, кто оказался в неудобных условиях: с одной свободной рукой, без звука, на ярком солнце.
WCAG
Международные рекомендации по доступности веб-контента, которые разрабатывает консорциум W3C. Актуальная версия, WCAG 2.2, опубликована в октябре 2023 года. В основе — четыре принципа: контент должен быть воспринимаемым, управляемым, понятным и надёжным; уровни соответствия — A, AA и AAA.
ГОСТ Р 52872-2019
Российский стандарт «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности». Введён в действие 1 апреля 2020 года и основан на WCAG 2.1.
Простой язык
Способ писать так, чтобы текст понимали с первого прочтения: короткие предложения, знакомые слова, одна мысль в абзаце, главное — в начале. Помогает всем, особенно тем, кто читает на неродном языке или устал.

Текст и изображения

Контраст
Разница между яркостью текста и фона, которую выражают отношением. По уровню AA для обычного текста нужно не менее 4,5:1, для крупного — не менее 3:1.
Альтернативный текст
Короткое текстовое описание изображения, спрятанное в разметке. Его читает экранный диктор и показывает браузер, если картинка не загрузилась. У декоративных изображений он остаётся пустым.
Семантическая разметка
Разметка, в которой каждый элемент назван по смыслу: заголовок — заголовком, список — списком, кнопка — кнопкой. Благодаря ей вспомогательные программы понимают устройство страницы.
Заголовки страницы
Иерархия заголовков разных уровней, которая работает как оглавление. Пользователи экранного диктора часто перемещаются именно по заголовкам, поэтому их выбирают по смыслу, а не по размеру шрифта.

Управление, звук и видео

Фокус
Отметка того элемента страницы, который сейчас выбран и сработает при нажатии клавиши. Обычно выглядит как рамка вокруг ссылки, кнопки или поля и должна быть хорошо заметна.
Экранный диктор
Программа, которая читает вслух содержимое экрана и позволяет управлять устройством с клавиатуры или жестами. Встроена в большинство телефонов и компьютеров; ею пользуются в первую очередь незрячие и слабовидящие люди.
Субтитры
Текст речи и значимых звуков, который показывается поверх видео синхронно с ним. Нужны людям, которые не слышат, и всем, кто смотрит без звука.
Расшифровка
Полный текст аудио- или видеозаписи, опубликованный отдельно: что сказано, кем и что важного происходит в кадре. Её можно читать в своём темпе и искать по ней.
  • Инструменты

    Чем проверить сайт самому: увеличение в браузере, клавиатура, режим высокой контрастности, встроенный экранный диктор, проверка цветов и валидатор разметки.

  • Инструкции

    Пошаговые инструкции: как сделать текст читаемым, страницу — понятной по заголовкам, а форму обратной связи — удобной для всех. Здесь же каталог публикаций.

  • Сравнения

    Уровни соответствия A, AA и AAA; альтернативный текст, подпись и расшифровка; субтитры, расшифровка и сурдоперевод — в сравнительных таблицах.

  • Вопросы

    Ответы на частые вопросы о справочнике, о тексте и изображениях, о формах, видео и о том, как проверить доступность своего сайта без специалиста.

  • Если не работает

    Что делать, если не видно фокуса, текст не помещается при увеличении, кнопка без надписи, ошибки формы непонятны или видео идёт без субтитров.

Источники

  • W3C — рекомендации WCAG 2.2
  • ГОСТ Р 52872-2019
  • Редакционные материалы справочника Wpget

Сведения изложены общими словами на дату подготовки. Рекомендации, браузеры и привычки читателей постепенно меняются, поэтому в спорных случаях сверяйтесь с первоисточниками: текстом рекомендаций WCAG и действующим ГОСТ Р 52872-2019.