Какие значения может иметь атрибут роли HTML5/XHTML?

Ответ 1

Правила довольно сложны. См. Таблицы в http://www.w3.org/html/wg/drafts/html/master/dom.html#wai-aria

Ответ 2

Похоже, что в HTML5 содержимое атрибута role указано как атрибут WIA-ARIA. См., В частности, последний абзац раздел 3.2.3 "Глобальные атрибуты" , в котором говорится:

Чтобы вспомогательные технологические продукты отображали более тонкий интерфейс, чем это возможно с элементами HTML и атрибутами, можно указать набор аннотаций для вспомогательных технологических продуктов (роль ARIA и атрибуты aria- *).

Атрибут role, далее, подробно описан в разделе раздел 3.2.7 "WAI-ARIA" , и предоставляет, по-видимому, нормативный таблицу семантики и значения для атрибута по каждому элементу.

Примечание. Ссылки на определенные разделы спецификации HTML5 выше указывают на "последнюю опубликованную версию" Технического отчета HTML5 по адресу http://www.w3.org/TR/html5/. Возможно, появится более актуальная версия редактора. TR свяжется с ним на титульной странице документа. По мере обновления спецификации или перехода на новую фазу принятия эти ссылки могут сломаться и должны быть обновлены.

Ответ 3

Вот список тегов, которые считаются допустимыми для HTML5/XHTML: http://www.w3.org/1999/xhtml/vocab/#XHTMLRoleVocabulary

Ответ 4

Вот допустимые роли, основанные на HTML 5.2...

• alert
• alertdialog
• приложение
• статья
• banner
• кнопка
• ячейки
• флажок
• ColumnHeader
• выпадающий
• комплементарной
• contentinfo
• определение
• диалоговое окно
• каталог
• Документ
• подача
• фигура
• форма
• Сетка
• GridCell
• группы
• заголовок
• IMG
• ссылка
• список
• ListBox
• ListItem
• Журнал
• Основной
• шатровым
• математика
• меню
• Строка меню
• MenuItem
• menuitemcheckbox
• menuitemradio
• навигация
• ни один
• примечание
• опции
• презентация
• прогрессбар
• радио
• RadioGroup
• область
• строка
• rowgroup
• rowheader
• полосы прокрутки
• поиск
• SearchBox
• Разделитель
• ползунок
• в полях ввода
• Статус
• Переключатель
• вкладка
• Таблица
• tablist
• tabpanel
• Термин
• текстовое поле
• Таймер
• Панель инструментов
• подсказке
• дерево
• TreeGrid
• TreeItem