Содержание
Эта статья впервые появилась в 231-м выпуске журнала .net - самого продаваемого журнала для веб-дизайнеров и разработчиков.
Когда вы создаете виджет пользовательского интерфейса (UI), он, скорее всего, состоит из элементов HTML. Вообще говоря, кто-то может легко определить, что делает виджет или какую роль он играет на странице, в зависимости от того, как он выглядит, или элементов управления, которые он делает доступными. Однако эта целостная перспектива не очевидна для вспомогательных технологий (AT), и именно здесь (конечно же) появляется ARIA.
ARIA или «Доступные полнофункциональные Интернет-приложения», чтобы дать ему полное название, можно использовать, чтобы дать вашему виджету роль. Или, если взглянуть на это с другой стороны, вы можете использовать роли ARIA, чтобы сообщить AT что-то о вашем наборе HTML-элементов, как если бы они были единым целым.
Спецификация ARIA 1.0 включает таксономию ролей. Он описывает характеристики и свойства 73 различных ролей, сгруппированных в четыре категории высокого уровня.
Первая категория определяет 12 абстрактных ролей. Точно так же, как абстрактные классы никогда не создаются при программировании, абстрактные роли никогда не должны использоваться в вашем коде. Они описывают различные типы ролей на концептуальном уровне, поэтому используются только в самой таксономии.
Роли
Одна абстрактная роль стоит особняком от остальных. Роль (абстрактная роль) - это базовая роль, от которой наследуются все остальные роли в таксономии. Другие абстрактные роли включают вход (абстрактная роль), ориентир (абстрактная роль) и виджет (абстрактная роль).
Возьмем для примера виджет (абстрактную роль). Он описывает роль зонтика, под которой находятся все остальные роли виджетов в таксономии. Вот как это описано в спецификации ARIA:
«Интерактивный компонент графического интерфейса пользователя (GUI). Виджеты - это отдельные объекты пользовательского интерфейса, с которыми пользователь может взаимодействовать ».
Это аккуратно ведет к следующей категории, которая определяет 34 роли виджетов. Виджеты - это интерактивные элементы управления, которые могут быть автономными или комбинированными для создания более сложных компонентов пользовательского интерфейса. Девять из этих ролей определяют контейнеры, которые можно использовать для инкапсуляции других виджетов для формирования более сложных элементов управления.
Виджеты
Остальные 25 ролей определяют виджеты, которые можно использовать независимо или как часть сложного составного элемента управления. Элемент с ролью списка вкладок может содержать, например, несколько элементов с ролью вкладки. При использовании в сочетании с соответствующим набором элементов с ролью панели вкладок они объединяются, образуя составной интерфейс с вкладками. Элементы с такими ролями, как предупреждение, флажок или диалог, также могут быть частью более сложного элемента управления пользовательского интерфейса или могут быть автономными.
Третья категория определяет 18 ролей структуры документа. Эти роли описывают типичные формирования контента, такие как заголовок, список и панель инструментов. В отличие от ролей виджетов, роли структуры документа, как правило, не являются интерактивными.
Последняя категория определяет восемь знаковых ролей. Их можно применять к различным разделам веб-страницы, обеспечивая ориентиры, по которым AT могут перемещаться по ним. Роли в этой категории включают баннер, главную страницу и навигацию.
Откройте для себя 20 лучших инструментов создания каркасов для дизайнеров в Creative Bloq.