Skip to content

Tokens para roledescription de ARIA

AMA | Agência para a Modernização Administrativa, I.P. edited this page Nov 20, 2024 · 4 revisions

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 que a semântica do mecanismo "navegação" pudesse ser extendida, de forma a refletir o tipo de componente com a qual o utilizador está a interagir. Interagir com um menu, um breadcrumbs ou um seletor de páignas, não é exatamente a mesma coisa. Como podemos especificar com mais rigor uma 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">
Clone this wiki locally