Приложение 6. Критерии оценки accessibility цифровых сервисов
Полный список критериев (англо-русские соответствия)
Элементы <blink> устарели и не должны использоваться
Списки должны напрямую содержать только правильно расположенные группы <dt> и <dd>, <script> или <template>
Элементы <dt> и <dd> должны содержаться в списке
Текущий язык документа должен быть задан
HTML-элемент должен иметь допустимое значения атрибута lang
HTML-элементы с атрибутом lang и атрибут xml:lang должны иметь один и тот же основной язык
Элемент <li> должен содержаться в неупорядоченном или упорядоченном списке
Элементы <marquee> устарели и не должны использоваться
Элементы <object> должны иметь альтернативный текст
В упорядоченных и неупорядоченных списках должны содержаться только элементы <li>, <script> или <template>
В элементе <video> должен содержаться элемент <track>
Значение атрибута accesskey должно быть уникальным
Активные элементы <area> должны иметь альтернативный текст
Все элемент <th> и элементы с ролью columnheader или rowheader должны иметь ячейки данных, которые они описывают
Все ячейки в элементе <table>, у которых есть атрибуты заголовков, могут относиться только к другим ячейкам того же элемента <table>
Все непустые элементы <td> в таблице размером больше, чем 3 на 3 ячейки, должны иметь связанный заголовок таблицы
Все содержимое страницы должно находиться в областях навигации пользователя
Атрибуты инструментов ARIA должны иметь допустимые имена
Атрибуты инструментов ARIA должны иметь допустимые значения
Кнопки, ссылки и разделы меню элементов ARIA должны иметь доступные имена
Диалоговые окна и окна предупреждения должны иметь доступные имена
Пользовательские поля ввода должны иметь доступные имена
Линейка должна иметь альтернативный текст
Индикатор процесса должен иметь альтернативный текст
Роль ARIA должна соответствовать элементу
Роли ARIA должны иметь допустимые значения
Поля переключателей ARIA должны иметь альтернативный текст
Подсказки ARIA должны иметь альтернативный текст
Элемент древовидного списка ARIA должен иметь альтернативный текст
Скрытые от ассистивных технологий элементы должны быть доступны с клавиатуры
Элемент с атрибутом aria-hidden="true" не должен быть виден в документе
Аудио должно содержать инструменты, которые позволяют пользователям остановить автоматически воспроизведенное видео после трех секунд
Автозаполнение должно быть настроено правильно
Область баннера не должна содержаться в другой области
Для оформления элемента <p> должны использоваться жирный шрифт, курсив или другой размер шрифта
Кнопки должны иметь распознаваемый текст
Некоторые роли ARIA должны содержаться в определенных родительских элементах
Некоторые роли ARIA должны содержать определенные дочерние элементы
Дополнительная область и/или элементы, косвенно связанные с содержимым страницы, должны находиться на верхнем уровне
Область информации о сайте не должна содержаться в другой области навигации
Для блокировки ориентации дисплея должны использоваться CSS-медиазапросы
Ячейки с данными или ячейки заголовков не должны использоваться для подписи таблицы с данными
Документ должен содержать заголовок для упрощения навигации
Элементы с ролью role="img" должны иметь альтернативный текст
Порядок интерактивных элементов должен быть правильным
Должны использоваться только разрешенные атрибуты ARIA
Значение атрибута tabindex не должно быть больше 0
Элементы с ролью none или presentation не должны конфликтовать с другими ролями
Элементы с ролью role="text" не должны иметь потомков, недоступных с клавиатуры
Ссылки с одним и тем же альтернативным текстом должны иметь одно и то же назначение
Прокручиваемая область должна иметь доступ с клавиатуры
В документе не должно быть больше одной основной области
Элементы <input> в форме должны иметь заголовки
Элементы <input> в форме должны иметь видимые заголовки
Поля формы не должны содержать повторяющиеся метки
Содержимое рамок должно быть доступно с клавиатуры
Рамки должны тестироваться с помощью инструмента axe-core
У рамок должно быть уникальное название
У рамок должен быть атрибут title
Уровни заголовков не могут уменьшаться
Заголовки не должны быть пустыми
Должна быть возможность проанализировать скрытое содержимое страницы
Значение атрибутов ID должно быть уникальным
ID, используемые в метках ARIA, должны быть уникальными
Кнопки в виде изображений должны иметь альтернативный текст
Картинки должны иметь альтернативный текст
Расстояние между словами в строке должно быть регулируемым с помощью CSS
Кнопки должны иметь распознаваемый текст
У интерактивных элементов не должно быть потомков, недоступных с клавиатуры
Метка и описание содержимого не совпадают
Области навигации должны иметь уникальную роль или роль/метку/заголовок (то есть альтернативный текст)
Атрибут lang должен иметь допустимые значения
Ссылки должны отличаться от окружающего текста не только цветом
Ссылки должны иметь распознаваемый текст
Основная область не может содержаться в другой области навигации
Страница должна содержать заголовок первого уровня
Страница должна иметь средства для обхода повторяющихся блоков
На странице не должно быть больше одной основной области
На странице не должно быть более одной области баннера
Документ не должен иметь больше одной области информации о сайте
Необходимые атрибуты ARIA должны существовать
Атрибут scope должен использоваться в таблицах правильно
Элемент <select> должен иметь альтернативный текст
Не должны использоваться серверные карты изображений
Изображения формата SVG должны иметь альтернативный текст
Заголовки таблицы должны содержать видимый текст, который четко описывает назначение таблицы для людей, использующих скринридеры
Текстовые элементы должны быть в достаточной мере контрастны по отношению к фону
Альтернативный текст изображения не должен повторять текст на кнопках и ссылках
Элемент <caption> не должен содержать тот же текст, что и атрибут summary
Целевой элемент ссылки быстрого перехода должен существовать и быть доступен с клавиатуры
Не должно использоваться автоматическое обновление страницы
Нужно использовать описания ролей ARIA для элементов с семантической ролью
Пользователи должны иметь возможность увеличивать текст вплоть до 500%
Увеличение и масштабирование не должно быть запрещено
Группы критериев по степени критичности соответствующих ошибок
Критичные ошибки:
- картинки должны иметь альтернативный текст;
- кнопки в формах должны иметь распознаваемый текст;
- кнопки должны иметь распознаваемый текст;
- поле выбора должно иметь подпись;
- элементы форм должны иметь подписи;
- увеличение и масштабирование не должны быть запрещены;
- должна соблюдаться иерархия типов элементов;
- не должны использоваться несуществующие типы элементов;
- элементы должны использовать только разрешенные свойства;
- свойства элементов должны иметь разрешенные значения;
- ID в пользовательских подписях должны быть уникальными;
- используемые свойства элементов должны соответствовать их типу.
Серьезные ошибки:
- уровень контраста должен быть достаточным;
- должен быть задан текущий язык документа;
- ссылки должны иметь распознаваемый текст;
- списки не должны содержать недопустимые элементы;
- элемент списка не должен находиться вне списка;
- порядок интерактивных элементов не должен быть изменен;
- язык документа должен быть указан правильно;
- диалоговые окна и окна предупреждения должны иметь подписи;
- изображения формата SVG должны иметь альтернативный текст;
- элементы с ролью img должны иметь альтернативный текст;
- чек-боксы должны быть связаны на уровне кода с пунктами, которым они соответствуют;
- страница должна иметь средства для обхода повторяющихся блоков;
- элемент «Бегущая строка» не должен использоваться;
- у встроенного содержимого должна быть подпись;
- автозаполнение должно быть настроено правильно;
- пользовательские поля ввода должны иметь подпись;
- скрытые от ассистивных технологий элементы должны быть доступны с клавиатуры;
- ID интерактивных элементов должны быть уникальными.
Ошибки невысокой критичности:
- все содержимое документа должно находиться в областях навигации пользователя;
- в документе должна быть одна основная область;
- страница должна содержать заголовок первого уровня;
- иерархия заголовков должна быть правильной;
- области навигации должны быть уникальными;
- документ не должен иметь больше одной области информации о сайте;
- прокручиваемая область должна быть доступна с клавиатуры;
- целевой элемент ссылки быстрого перехода должен существовать и быть доступен с клавиатуры;
- основная область не должна содержаться в другой области навигации;
- область информации о сайте не должна содержаться в другой области навигации;
- элемент дополнительного контента не должен содержаться в другой области навигации.
Некритичные ошибки:
- ID SVG должны быть уникальными;
- альтернативный текст для картинки не должен дублироваться текстом на странице (под картинкой);
- заголовки не должны быть пустыми;
- для элемента должен быть задан допустимый тип;
- элементы с ролью none или presentation не должны содержать не соответствующих этим ролям атрибутов.