Каждый из создаваемых вами компонентов может иметь одну «роль», которая пытается описать, что представляет собой компонент и что делает.
Существует множество разных ролей.Роли делятся на две категории: «абстрактные» роли, которые используются для обсуждения, и «реальные» роли, которые вы используете.
Каждая роль должна включать несколько различных атрибутов «aria *».Эти атрибуты описывают текущее состояние виджета, и они меняются при изменении виджета.
Например, представьте, что вы хотите создать виджет-слайдер из набора элементов div и javascript.Абстрактная роль виджета-слайдера - это «диапазон», потому что он представляет возможный диапазон значений.Это реальная роль, которую вы будете использовать в коде, это «слайдер».Различные атрибуты aria, которые описывают ползунок, который вам нужно использовать, это «aria-valuenow, aria-valuemax, aria-valuemin».
Я использовал эту страницу: http://www.w3.org/TR/wai-aria/roles#slider Это действительно полезно,Вы можете нажать на абстрактную роль и увидеть все принадлежащие ей дочерние роли.Для каждой роли выдается список обязательных атрибутов aria.