Главная
Об авторах
Публикации
Главная
Об авторах
Публикации
Центр CDTO
Главная
1. ЦИФРОВЫЕ СЕРВИСЫ КАК ЛИЦО ГОСУДАРСТВА
1.1 Почему государство заинтересовано в удобстве своих цифровых сервисов
1.2 О чем мы говорим, когда говорим о доступности
1.3 Цели и задачи исследования
2. ПРОБЛЕМЫ ДОСТУПНОСТИ ГОССЕРВИСОВ В РОССИИ
2.1 Социально-экономические причины цифровой эксклюзии
2.2 Проблемы доступности на уровне государства
2.3 Частные проблемы: дизайн и язык сервисов
3. МЕТОДИКА ИССЛЕДОВАНИЯ ЦИФРОВОЙ ДОСТУПНОСТИ
3.1 Способы оценки доступности сервисов
3.2 Критерии отбора сервисов для исследования
3.3 Функциональная доступность
3.4 Языковая доступность
3.5 Юзабилити
3.6 Доступность сервисов для людей с ограниченными возможностями здоровья
4. РЕЗУЛЬТАТЫ ИССЛЕДОВАНИЯ ДОСТУПНОСТИ ГОСУДАРСТВЕННЫХ ЦИФРОВЫХ СЕРВИСОВ
4.1 Функциональная доступность
4.2 Доступность языка
4.3 Юзабилити: простота и удобство для пользователя
4.4 Accessibility: доступность для людей с ограниченными возможностями здоровья
ЗАКЛЮЧЕНИЕ
Приложения
Приложение 1
Приложение 2
Приложение 3
Приложение 4
Приложение 5
Приложение 6
Приложение 6. Критерии оценки accessibility цифровых сервисов
Полный список критериев (англо-русские соответствия)
<blink> elements are deprecated and must not be used
Элементы <blink> устарели и не должны использоваться
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, or <template> elements
Списки должны напрямую содержать только правильно расположенные группы <dt> и <dd>, <script> или <template>
<dt> and <dd> elements must be contained by a <dl>
Элементы <dt> и <dd> должны содержаться в списке
<html> element must have a lang attribute
Текущий язык документа должен быть задан
<html> element must have a valid value for the lang attribute
HTML-элемент должен иметь допустимое значения атрибута lang
<html> elements with lang and xml:lang must have the same base language
HTML-элементы с атрибутом lang и атрибут xml:lang должны иметь один и тот же основной язык
<li> elements must be contained in a <ul> or <ol>
Элемент <li> должен содержаться в неупорядоченном или упорядоченном списке
<marquee> elements are deprecated and must not be used
Элементы <marquee> устарели и не должны использоваться
<object> elements must have alternate text
Элементы <object> должны иметь альтернативный текст
<ul> and <ol> must only directly contain <li>, <script> or <template> elements
В упорядоченных и неупорядоченных списках должны содержаться только элементы <li>, <script> или <template>
<video> elements must have a <track> for captions
В элементе <video> должен содержаться элемент <track>
accesskey attribute value must be unique
Значение атрибута accesskey должно быть уникальным
Active <area> elements must have alternate text
Активные элементы <area> должны иметь альтернативный текст
All <th> elements and elements with role="columnheader" or role="rowheader" must have data cells they describe
Все элемент <th> и элементы с ролью columnheader или rowheader должны иметь ячейки данных, которые они описывают
All cells in a <table> element that use the headers attribute must only refer to other cells of that same <table>
Все ячейки в элементе <table>, у которых есть атрибуты заголовков, могут относиться только к другим ячейкам того же элемента <table>
All non-empty <td> elements in tables larger than 3 by 3 must have an associated table header
Все непустые элементы <td> в таблице размером больше, чем 3 на 3 ячейки, должны иметь связанный заголовок таблицы
All page content must be contained by landmarks
Все содержимое страницы должно находиться в областях навигации пользователя
ARIA attributes must conform to valid names
Атрибуты инструментов ARIA должны иметь допустимые имена
ARIA attributes must conform to valid values
Атрибуты инструментов ARIA должны иметь допустимые значения
ARIA buttons, links, and menu items must have an accessible name
Кнопки, ссылки и разделы меню элементов ARIA должны иметь доступные имена
ARIA dialog must have an accessible name
Диалоговые окна и окна предупреждения должны иметь доступные имена
ARIA input fields must have an accessible name
Пользовательские поля ввода должны иметь доступные имена
ARIA meter must have an accessible name
Линейка должна иметь альтернативный текст
ARIA progressbar must have an accessible name
Индикатор процесса должен иметь альтернативный текст
ARIA role must be appropriate for the element
Роль ARIA должна соответствовать элементу
ARIA roles used must conform to valid values
Роли ARIA должны иметь допустимые значения
ARIA toggle fields have an accessible name
Поля переключателей ARIA должны иметь альтернативный текст
ARIA tooltip must have an accessible name
Подсказки ARIA должны иметь альтернативный текст
ARIA treeitem must have an accessible name
Элемент древовидного списка ARIA должен иметь альтернативный текст
aria-hidden elements do not contain focusable elements
Скрытые от ассистивных технологий элементы должны быть доступны с клавиатуры
aria-hidden="true" must not be present on the document <body>
Элемент с атрибутом aria-hidden="true" не должен быть виден в документе
Audio must have controls that provide users with the ability to stop automatically played audio after three seconds
Аудио должно содержать инструменты, которые позволяют пользователям остановить автоматически воспроизведенное видео после трех секунд
Autocomplete attribute must be used correctly
Автозаполнение должно быть настроено правильно
Banner landmark must not be contained in another landmark
Область баннера не должна содержаться в другой области
Bold, italic text and font-size are not used to style <p> elements as a heading
Для оформления элемента <p> должны использоваться жирный шрифт, курсив или другой размер шрифта
Buttons must have programmatically determinable text
Кнопки должны иметь распознаваемый текст
Certain ARIA roles must be contained by particular parent elements
Некоторые роли ARIA должны содержаться в определенных родительских элементах
Certain ARIA roles must contain particular children
Некоторые роли ARIA должны содержать определенные дочерние элементы
Complementary landmarks and/or asides are top level
Дополнительная область и/или элементы, косвенно связанные с содержимым страницы, должны находиться на верхнем уровне
Contentinfo landmark must not be contained in another landmark
Область информации о сайте не должна содержаться в другой области навигации
CSS Media queries are not used to lock display orientation
Для блокировки ориентации дисплея должны использоваться CSS-медиазапросы
Data or header cells should not be used to give caption to a data table
Ячейки с данными или ячейки заголовков не должны использоваться для подписи таблицы с данными
Documents must contain a title element to aid in navigation
Документ должен содержать заголовок для упрощения навигации
Elements containing role="img" have an alternative text
Элементы с ролью role="img" должны иметь альтернативный текст
Elements in the focus order need a role appropriate for interactive content
Порядок интерактивных элементов должен быть правильным
Elements must only use allowed ARIA attributes
Должны использоваться только разрешенные атрибуты ARIA
Elements should not have tabindex greater than zero
Значение атрибута tabindex не должно быть больше 0
Elements whose role is none or presentation must not conflict with other roles
Элементы с ролью none или presentation не должны конфликтовать с другими ролями
Elements with role="text" must not have focusable descendants.
Элементы с ролью role="text" не должны иметь потомков, недоступных с клавиатуры
Ensure that links with the same accessible name serve a similar purpose
Ссылки с одним и тем же альтернативным текстом должны иметь одно и то же назначение
Ensure that scrollable region has keyboard access
Прокручиваемая область должна иметь доступ с клавиатуры
Ensures the document has at most one main landmark
В документе не должно быть больше одной основной области
Form <input> elements must have labels
Элементы <input> в форме должны иметь заголовки
Form <input> elements should have a visible label
Элементы <input> в форме должны иметь видимые заголовки
Form fields do not have duplicate labels
Поля формы не должны содержать повторяющиеся метки
Frame focusable content do not have tabindex=-1
Содержимое рамок должно быть доступно с клавиатуры
Frames must be tested with axe-core
Рамки должны тестироваться с помощью инструмента axe-core
Frames must have a unique title attribute
У рамок должно быть уникальное название
Frames must have title attribute
У рамок должен быть атрибут title
Heading levels should only increase by one
Уровни заголовков не могут уменьшаться
Headings must not be empty
Заголовки не должны быть пустыми
Hidden content on the page can be analyzed
Должна быть возможность проанализировать скрытое содержимое страницы
ID attribute value must be unique
Значение атрибутов ID должно быть уникальным
IDs used in ARIA and labels must be unique
ID, используемые в метках ARIA, должны быть уникальными
Image buttons must have alternate text
Кнопки в виде изображений должны иметь альтернативный текст
Images must have alternate text
Картинки должны иметь альтернативный текст
Inline text spacing must be adjustable with custom stylesheets
Расстояние между словами в строке должно быть регулируемым с помощью CSS
Input buttons must have programmatically determinable text
Кнопки должны иметь распознаваемый текст
Interactive controls must not have focusable descendants
У интерактивных элементов не должно быть потомков, недоступных с клавиатуры
Label and name from content mismatch
Метка и описание содержимого не совпадают
Landmarks must have a unique role or role/label/title (i.e. accessible name) combination
Области навигации должны иметь уникальную роль или роль/метку/заголовок (то есть альтернативный текст)
lang attribute must have a valid value
Атрибут lang должен иметь допустимые значения
Links must be distinguished from surrounding text in a way that does not rely on color
Ссылки должны отличаться от окружающего текста не только цветом
Links must have programmatically determinable text
Ссылки должны иметь распознаваемый текст
Main landmark must not be contained in another landmark
Основная область не может содержаться в другой области навигации
Page must contain a level-one heading
Страница должна содержать заголовок первого уровня
Page must have means to bypass repeated blocks
Страница должна иметь средства для обхода повторяющихся блоков
Page must have one main landmark
На странице не должно быть больше одной основной области
Page must not have more than one banner landmark
На странице не должно быть более одной области баннера
Page must not have more than one contentinfo landmark
Документ не должен иметь больше одной области информации о сайте
Required ARIA attributes must be provided
Необходимые атрибуты ARIA должны существовать
Scope attribute should be used correctly on tables
Атрибут scope должен использоваться в таблицах правильно
select element must have an accessible name
Элемент <select> должен иметь альтернативный текст
Server-side image maps must not be used
Не должны использоваться серверные карты изображений
SVG images and graphics require accessible text
Изображения формата SVG должны иметь альтернативный текст
Table header elements must have visible text that clearly describes the purpose for screen reader users.
Заголовки таблицы должны содержать видимый текст, который четко описывает назначение таблицы для людей, использующих скринридеры
Text elements must have sufficient color contrast against the background
Текстовые элементы должны быть в достаточной мере контрастны по отношению к фону
Text of buttons and links should not be repeated in the image alternative
Альтернативный текст изображения не должен повторять текст на кнопках и ссылках
The <caption> element should not contain the same text as the summary attribute
Элемент <caption> не должен содержать тот же текст, что и атрибут summary
The skip-link target should exist and be focusable
Целевой элемент ссылки быстрого перехода должен существовать и быть доступен с клавиатуры
Timed refresh must not exist
Не должно использоваться автоматическое обновление страницы
Use aria-roledescription on elements with a semantic role
Нужно использовать описания ролей ARIA для элементов с семантической ролью
Users should be able to zoom and scale the text up to 500%
Пользователи должны иметь возможность увеличивать текст вплоть до 500%
Zooming and scaling must not be disabled
Увеличение и масштабирование не должно быть запрещено
Группы критериев по степени критичности соответствующих ошибок
Критичные ошибки:
картинки должны иметь альтернативный текст;
кнопки в формах должны иметь распознаваемый текст;
кнопки должны иметь распознаваемый текст;
поле выбора должно иметь подпись;
элементы форм должны иметь подписи;
увеличение и масштабирование не должны быть запрещены;
должна соблюдаться иерархия типов элементов;
не должны использоваться несуществующие типы элементов;
элементы должны использовать только разрешенные свойства;
свойства элементов должны иметь разрешенные значения;
ID в пользовательских подписях должны быть уникальными;
используемые свойства элементов должны соответствовать их типу.
Серьезные ошибки:
уровень контраста должен быть достаточным;
должен быть задан текущий язык документа;
ссылки должны иметь распознаваемый текст;
списки не должны содержать недопустимые элементы;
элемент списка не должен находиться вне списка;
порядок интерактивных элементов не должен быть изменен;
язык документа должен быть указан правильно;
диалоговые окна и окна предупреждения должны иметь подписи;
изображения формата SVG должны иметь альтернативный текст;
элементы с ролью img должны иметь альтернативный текст;
чек-боксы должны быть связаны на уровне кода с пунктами, которым они соответствуют;
страница должна иметь средства для обхода повторяющихся блоков;
элемент «Бегущая строка» не должен использоваться;
у встроенного содержимого должна быть подпись;
автозаполнение должно быть настроено правильно;
пользовательские поля ввода должны иметь подпись;
скрытые от ассистивных технологий элементы должны быть доступны с клавиатуры;
ID интерактивных элементов должны быть уникальными.
Ошибки невысокой критичности:
все содержимое документа должно находиться в областях навигации пользователя;
в документе должна быть одна основная область;
страница должна содержать заголовок первого уровня;
иерархия заголовков должна быть правильной;
области навигации должны быть уникальными;
документ не должен иметь больше одной области информации о сайте;
прокручиваемая область должна быть доступна с клавиатуры;
целевой элемент ссылки быстрого перехода должен существовать и быть доступен с клавиатуры;
основная область не должна содержаться в другой области навигации;
область информации о сайте не должна содержаться в другой области навигации;
элемент дополнительного контента не должен содержаться в другой области навигации.
Некритичные ошибки:
ID SVG должны быть уникальными;
альтернативный текст для картинки не должен дублироваться текстом на странице (под картинкой);
заголовки не должны быть пустыми;
для элемента должен быть задан допустимый тип;
элементы с ролью none или presentation не должны содержать не соответствующих этим ролям атрибутов.
Список приложений
На главную