Skip to content

Ролі ARIA пояснені

Довідник значень ролей ARIA: ролі орієнтирів, документа, віджетів та живих регіонів із призначенням і випадками використання.

Ролі ARIA оголошують, що робить елемент. Ролі орієнтирів позначають області сторінки. Ролі документа структурують вміст. Ролі віджетів позначають інтерактивні елементи керування. Ролі живих регіонів оголошують динамічні оновлення.

Довідкова таблиця · 77 записи
77 of 77 rows
Орієнтир
Визначає шапку сайту вгорі сторінки.Логотип бренду, головний слоган, шапка сторінки.
Групує набір навігаційних посилань.Головні меню, навігаційні рядки, навігація в межах сторінки.
Позначає домінантний вміст документа.Єдине основне тіло сторінки.
Позначає допоміжний вміст, окремий від main.Бічні панелі, пов'язані посилання, виноски.
Групує метадані нижнього колонтитула про батьківський документ.Рядки авторських прав, посилання на приватність, юридичний футер.
Позначає область, що містить форму пошуку.Пошук сайтом, форми фільтрів, поля знаходження.
Позначає іменовану, помітну секцію сторінки.Власні секції з доступною назвою.
Позначає область, що містить набір полів форми.Іменовані форми пошуку, панелі фільтрів, секції опитувань.
Позначає область, що поводиться як програма.Повносторінкові редактори, мапи, ігрові поверхні.
Документ
Позначає самодостатній твір.Записи блогу, новини, картки товарів.
Позначає заголовок секції вмісту.Назви розділів, коли рідні h1-h6 не застосовні.
Групує список пов'язаних елементів.Власні марковані або нумеровані списки.
Позначає один елемент усередині списку.Один рядок власного списку.
Групує набір пов'язаних елементів керування форми.Набори полів форми, радіогрупи, пов'язані поля введення.
Позначає графічний вміст із підписом.Зображення, діаграми, графіки з міткою.
Позначає дані, впорядковані у рядки та стовпці.Табличні дані, побудовані з власних елементів.
Позначає видиму мітку для таблиці, сітки або фігури.Заголовки над таблицями даних, мітки фігур.
Групує набір пов'язаних рядків у таблиці.Смуги заголовка, тіла та нижнього колонтитула таблиці.
Позначає один рядок клітинок у таблиці або сітці.Один рядок запису власної таблиці.
Позначає клітинку заголовка стовпця таблиці.Верхні мітки таблиці даних.
Позначає клітинку заголовка рядка таблиці.Провідна мітка кожного рядка таблиці.
Позначає одну клітинку даних усередині рядка.Окремі значення рядка власної таблиці.
Позначає слово або словосполучення, що визначається.Ключі словника, терміни списку визначень.
Позначає значення попереднього терміна.Опис під визначеним терміном.
Позначає зауваження поруч з основним вмістом.Поради, відступи, зауваження на кшталт виносок.
Позначає список посилань на членів групи.Змісти та індекси посилань (вилучено в ARIA 1.2).
Позначає список секцій статей, що гортається.Потоки нескінненної прокрутки, що підвантажують вміст.
Позначає вміст, записаний математичною нотацією.Формули, згенеровані з LaTeX або MathML.
Позначає скалярне значення в межах відомого діапазону.Індикатори зайнятого диска, бали, шкали надійності.
Позначає конкретний момент або тривалість.Мітки часу, дати подій, минулий час.
Позначає блок тексту.Текстові блоки, не написані як рідні елементи p.
Позначає цитату з іншого джерела.Витягнуті цитати та цитовані уривки.
Позначає фрагмент програмного коду.Вбудовані фрагменти та назви команд у тексті.
Позначає текст із наголосом.Наголошені слова всередині речення.
Позначає текст із сильною важливістю.Попередження, ключові фрази, мітки обов'язкового читання.
Позначає текст, зображений нижче базової лінії.Хімічні формули на кшталт H2O.
Позначає текст, зображений вище базової лінії.Маркери виносок і степені.
Позначає звичайний контейнер без особливого значення.Обгортки компонування та зачепки для стилів.
Видаляє семантику з елемента.Декоративні зображення, таблиці верстки, роздільні елементи.
Позначає елемент як одне зображення.Спрайти іконок, групи SVG, графіка, намальована CSS.
Віджет
Позначає елемент керування, що запускає дію.Власні кнопки, кнопки-іконки, тригери дій.
Позначає посилання на інший ресурс або місце.Власні якорі та посилання маршрутів усередині застосунку.
Позначає перемикач для однієї опції.Власні прапорці, перемикачі прийняття умов.
Позначає один вибір у взаємовиключній групі.Власні радіокнопки всередині radiogroup.
Позначає двійковий перемикач увімк/вимк.Перемикачі теми, звуку та налаштувань.
Групує мітки набору вкладок.Смуга вкладок панелі з вкладками.
Позначає одну мітку всередині tablist.Одна вкладка, що показує одну панель.
Позначає панель вмісту для однієї вкладки.Тіло, показане, коли її вкладка активна.
Позначає накладене вікно поверх сторінки.Модальні вікна, шухляди, поповери, що захоплюють фокус.
Позначає діалог, що потребує відповіді користувача.Підтвердження видалення, запити про незбережені зміни.
Позначає поле введення зі спливним списком варіантів.Автодоповнення, пошук-вибір, списки на льоту.
Позначає елемент керування, що задає значення в діапазоні.Гучність, ціна, непрозорість, діапазонні поля введення.
Позначає список варіантів, запропонованих користувачеві.Випадні меню, контекстні меню, палітри інструментів.
Позначає один варіант усередині меню.Один рядок або пункт випадного меню.
Позначає поле для вільного введення тексту.Власні поля введення, поля пошуку, вікна коментарів.
Позначає ієрархічний список елементів.Файлові навігатори, вкладені меню, оргструктури.
Позначає список варіантів, що вибираються.Власні вибірки для одного чи багатьох виборів.
Позначає один вибір усередині listbox.Один пункт, що вибирається, власного listbox.
Групує набір взаємовиключних виборів.Власні радіонабори, вибір тарифів, відповіді-шкали.
Позначає віджет із рядками та стовпцями клітинок.Макети електронних таблиць, перегляди місяця календаря.
Позначає сітку, рядки якої розгортаються та згортаються.Вкладені таблиці даних, таблиці поштових гілок.
Позначає один варіант, що розгортається, усередині дерева.Вузол файла або теки у файловому навігаторі.
Позначає підказку для елемента керування.Підказки при наведенні, підказки фокусу для кнопок-іконок.
Позначає елемент, що показує перебіг завдання.Смуги вивантаження та індикатори очікування.
Позначає елемент керування, що гортає перегляд вмісту.Власні повзунки прокрутки для панелей та каруселей.
Позначає елемент керування, що змінює значення кроками.Вибори кількості, крокувачі чисел.
Позначає текстове поле для введення пошукових термінів.Власні пошукові рядки та поля фільтрів.
Позначає групу елементів керування, що часто вживаються.Смуги форматування, рядки дій над редакторами.
Позначає рядок постійних тригерів меню.Смуги меню Файл і Правка в стилі застосунку.
Позначає пункт меню, що перемикається.Перемикачі параметрів перегляду всередині випадного меню.
Позначає один взаємовиключний вибір усередині меню.Вибір сортування та теми в меню.
Позначає роздільник між групами вмісту.Роздільники меню, перетягувані роздільники панелей.
Живий регіон
Оголошує важливе повідомлення, критичне до часу.Помилки форм, термінові повідомлення, що потребують уваги.
Оголошує дорадче оновлення, не перериваючи.Підтвердження збереження, перебіг, м'які результати.
Оголошує нові записи в хронологічному потоці.Стенограми чатів, журнали подій, стрічки активності.
Оголошує текстовий вміст, що рухається або прокручується.Стрічки новин, бігуни, обертові банери.
Оголошує живий таймер або зворотний відлік.Тайм-аути сесії, зворотні відліки, секундоміри.