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

Мне было интересно, какие значения действительны в атрибуте роли HTML5/XHTML?

Ответы

Ответ 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 свяжется с ним на титульной странице документа. По мере обновления спецификации или перехода на новую фазу принятия эти ссылки могут сломаться и должны быть обновлены.

Ответ 4

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

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