Методология
Мы рассматриваем 11 параметров доступности сайта. Каждый параметр имеет значение: плохо (0) / нормально (1) / хорошо (2). Потом мы суммируем эти значения, делим на 22, умножаем на 100, и получаем число от 0 (все плохо) до 100 (все хорошо). Для простоты все параметры имеют одинаковый вес. Это базовая проверка, поскольку полная проверка по стандарту WCAG это сотни правил, и у нас нет ресурсов их все проверять. Но это дает некоторую оценку сайту.
Параметры
Сайт должен быть виден без горизонтальной прокрутки с увеличением до 200%.
Контраст текста и фона должен быть по крайней мере 3.1 для большого текста, и 4.5 для нормального.
Это специальные ссылки, которые показываются когда посетитель нажимает TAB после загрузки страницы. Обычно там есть переход к основному содержанию страницы, но бывают и другие переходы (например поиск, подвал и т.п.).
Когда пользователь перемещается по странице с помощью клавиатуры, то текущий элемент должен быть подсвечен. Обычно это рамочка вокруг элемента.
Любые операции с сайтом можно делать только клавиатурой (без мыши). То есть до любых элементов можно дойти клавиатурой. Если есть всплывающие окна, то навигация должна быть ограничена содержимым окна.
Все осмысленные картинки должны содержать альтернативный текст. Если на картинке есть текст, то он. Если это не текстовая картинка, и нет где-то рядом описания, то текстовое описание того что на ней изображено. Это также полезно для индексации поисковиками. Для фоновых картинок, и тех которые только для красоты, используют пустой текст.
Все элементы формы должны иметь соответствующие метки. Иначе читалка не сможет сказать, в каком поле посетитель находится.
Ссылки и кнопки должны содержать текст. Иначе читалка не сможет сказать, где находится посетитель.
Должен быть только один заголовок H1. Желательно, чтобы остальные заголовки правильно были вложены, т.е. как-то так:
H1
H2
H3
H2
H3
H4
Некоторые посетители пользуются оглавлением сайта, которое строится из этих заголовков. Это также полезно для индексации.
Меню доступности — это не нативный способ обеспечения доступности сайта, поэтому мы рекомендуем его использовать только в случаях, когда другие варианты невозможны.
Дело в том, что во всех современных системах уже есть поддержка доступности, и со стороны сайта просто нужно ей не мешать. Например, не надо добавлять функцию чтения текста в сайт, но нужно чтобы системной читалке было что прочесть.
За старые меню мы даем 0 баллов, за современные — 1, за отсутствие — 2.
Должна быть страница с декларацией. На ней должны быть контакты ответственного за доступность.