Papeis (Roles)

Um papel é atribuído a um elemento da linguagem de marcação HTML usando o atributo role. O exemplo a seguir mostra um item de uma lista sendo utilizado para o papel de item de menu.

<li role="menuitem">Nome do item</li>

Este website não tem o objetivo de descrever toda a especificação WAI-ARIA. Portanto, abordaremos alguns dos papeis disponibilizados pela WAI-ARIA. A lista completa de papeis disponíveis na especificação WAI-ARIA pode ser acessada em: Definition of Roles. Nesta lista é possível encontrar a finalidade de cada papel, as propriedades e estados aplicáveis a ele e a relação do papel com os demais.

Os papeis são tipos de elementos que são organizados em uma taxonomia. Assim, existem papeis que são superclasses de outros. Propriedades e estados de superclasses são herdados pelas subclasses. Para visualizar graficamente a taxonomia de papeis acesse: Categorization of Roles.

Os papeis são categorizados da seguinte maneira:

  1. Papeis abstratos. São usados para definir conceitos abstratos da taxonomia. Autores não devem usar esses papeis;
  2. Papeis de componentes de interface (widgets). São usados para definir componentes de interface de usuário (por exemplo, alert, menuitem, tooltip e treeitem) ou partes de componentes compostos de interface de usuário (por exemplo, combobox e treegrid);
  3. Papeis de estrutura de documento. São usados para definir estruturas que organizam uma página web. Exemplos: article, heading e note;
  4. Papeis de pontos de referência (landmarks). São um tipo de região em uma página web a qual uma pessoa pode querer acessá-la rapidamente. Exemplos são: main, navigation e search;
  5. Papeis de regiões vivas (live regions). Regiões vivas são regiões percebíveis de uma página web que são normalmente atualizadas como resultados de um eventos externos (ou seja, não depende da interação do usuário). Exemplos são: marquee, status e timer.

Referências

W3C. Accessible Rich Internet Applications (WAI-ARIA) 1.1.