Специальные возможности: добавление атрибутов ARIA к пользовательским веб-приложениям

4 мин. чтения
Атрибуты ARIA предоставляют дополнительную информацию о семантике элементов для вспомогательных технологий, таких как программы чтения с экрана. Вы можете добавить атрибуты ARIA к любым пользовательским элементам или приложениям на своем сайте.
Атрибуты ARIA важны, поскольку определяют способы, с помощью которых можно обеспечить доступность пользовательских элементов и приложений в тех случаях, когда это невозможно сделать с помощью исходного HTML-кода элемента.
Важно:
Эта функция предназначена для пользователей, у которых есть пользовательские приложения / элементы, которым требуются атрибуты ARIA. Если у вас их нет на сайте, вам не нужно редактировать атрибуты ARIA.

Добавление атрибутов ARIA

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

Вы можете добавить атрибуты ARIA к следующим элементам:

Элемент
Свойства
Промобокс
Название
Текст
label, role heading, status, alert], live, relevant, atomic, hidden, current, level
Бокс
label, tabindex, role [region, group, none, status, alert], live, relevant, atomic, current, controls, hidden
Полоска
label, tabindex, role [heading, status, alert], live, atomic, hidden, current
Репитер
label, role [heading, status, alert]
Текстовая кнопка ([Новая кнопка)
tabindex, pressed, expanded, haspopup
Мы постоянно работаем над возможностью добавлять атрибуты ARIA к большему количеству элементов. Свяжитесь с нами, если у вас есть какие-либо конкретные вопросы об атрибутах ARIA.

Редактирование атрибутов ARIA

После добавления атрибутов в собственные приложения вы можете редактировать и обновлять их в любое время с помощью значка Специальных возможностей . Этот значок автоматически добавляется к элементам с подключенными атрибутами.

Чтобы изменить атрибут:

  1. Выберите элемент / приложение в конструкторе сайта.
  2. Выберите значок Специальных возможностей .
  3. Наведите курсор мыши на соответствующий атрибут и выберите значок Показать больше .
  4. Выберите Изменить.
  5. Внесите необходимые изменения и нажмите Сохранить.

Типы атрибутов ARIA

Имя атрибута
Category
Ключ
tabindex

0, -1
Роль

token: according to definition in primitive
aria-label

int
aria-label
В эфире
token: polite, assertive
aria-multiline 
Описание
true, false
aria-multiselectable
Описание
true, false
aria-pressed
Регион
true, false
aria-relevant
В эфире
token: all, additions, removals, text
aria-activedescendant
отношения
ID_REF
aria-atomic
В эфире
true, false
aria-autocomplete
Описание
true, false
aria-controls
отношения
ID_REF
aria-current
Регион
step, page, true, false
aria-describedby
отношения
ID_REF (space separated items)
aria-expanded

true, false
aria-haspopup
отношения
dialog, menu, true, false
aria-hidden

true, false
aria-invalid
Регион
true, false
aria-label

string
aria-labelledby
отношения
ID_REF (space separated items)
Важно:
Вы можете отключить расширенные настройки специальных возможностей в любое время, при этом атрибуты ARIA сохранятся.

Была ли статья полезна?

|