Tokens para roledescription de ARIA

Nesta página encontra-se uma padronização para estender ou clarificar a semântica dos landmarks a serem usados em construções em português.

Por exemplo, o elemento <nav> corresponde ao landmark "navigation", o qual é anunciado às tecnologias que usam a língua portuguesa como "navegação". Mas há vários tipos de mecanismos de navegação. Seria bom desambiguar a semântica do mecanismo "navegação" e descrever o tipo de navegação com o qual o utilizador está a interagir. Interagir com um menu, um breadcrumb ou um seletor de páginas, não é exatamente a mesma coisa.

Como podemos especificar com maior rigor um landmark de acordo com a sua função? Usando o atributo aria-roledescription. Por exemplo:

   <div role="region" aria-roledescription="painel de acordeão"> 
        (...) 
   </div>

nav

• menu = <nav aria-roledescription="menu">
• breadcrumb = <nav aria-roledescription="caminho para chegar à página">
• selector = <nav aria-roledescription="seletor de páginas">

div

• painel de acordeão = <div role="region" aria-roledescription="painel de acordeão">