Acesse todos os ARIAs

Contente

• Funções
• Widgets

Este artigo apareceu pela primeira vez na edição 231 da revista .net - a revista mais vendida do mundo para web designers e desenvolvedores.

Quando você cria um widget de interface do usuário (IU), é provável que seja um composto de elementos HTML. De um modo geral, é fácil para alguém descobrir o que o widget faz ou que função ele desempenha na página, com base na aparência ou nos controles que disponibiliza. Essa perspectiva holística não é óbvia para as tecnologias assistivas (ATs) e é aí (claro) que entra o ARIA.

ARIA, ou Accessible Rich Internet Applications para fornecer seu título completo, pode ser usado para atribuir uma função ao widget. Ou, olhando de outra forma, você pode usar funções ARIA para dizer aos ATs algo sobre seu pacote de elementos HTML como se fossem uma única entidade.

A especificação ARIA 1.0 inclui uma taxonomia de funções. Ele descreve as características e propriedades de 73 funções diferentes, agrupadas em quatro categorias de alto nível.

A primeira categoria define 12 funções abstratas. Da mesma forma que as classes abstratas nunca são instanciadas durante a programação, as funções abstratas nunca devem ser usadas em seu código. Eles descrevem diferentes tipos de papel em um nível conceitual e, portanto, são usados ​​apenas dentro da própria taxonomia.

Funções

Um papel abstrato se destaca do resto. A função (função abstrata) é a função básica da qual todas as outras funções na taxonomia são herdadas. Outras funções abstratas incluem a entrada (função abstrata), ponto de referência (função abstrata) e widget (função abstrata).

Vamos pegar o widget (função abstrata) como exemplo. Ele descreve uma função guarda-chuva, sob a qual todas as outras funções de widget na taxonomia estão. Veja como é descrito na especificação ARIA:

“Um componente interativo de uma interface gráfica de usuário (GUI). Widgets são objetos discretos de interface de usuário com os quais o usuário pode interagir. ”

Isso leva perfeitamente à próxima categoria, que define 34 funções de widget. Widgets são controles interativos que podem ser independentes ou combinados para criar componentes de IU mais complexos. Nove dessas funções definem contêineres que podem ser usados ​​para encapsular outros widgets para formar controles mais complexos.

Widgets

As 25 funções restantes definem widgets que podem ser usados ​​independentemente ou como parte de um controle composto complexo. Um elemento com a função de tablista pode conter vários elementos com a função de tab, por exemplo. Quando usados ​​em conjunto com um conjunto correspondente de elementos com a função de tabpanel, eles se combinam para formar uma interface composta com guias. Elementos com funções como alerta, caixa de seleção ou diálogo também podem fazer parte de um controle de IU mais complexo ou podem ser independentes.

A terceira categoria define 18 funções de estrutura de documento. Essas funções descrevem formações de conteúdo típicas, como título, lista e barra de ferramentas. Ao contrário das funções de widget, as funções de estrutura do documento não são interativas como regra.

A última categoria define oito papéis de referência. Eles podem ser aplicados a diferentes seções de uma página da web, fornecendo pontos de referência que os ATs podem usar para navegar. As funções nesta categoria incluem banner, principal e navegação.

Descubra as 20 melhores ferramentas de wireframing para designers na Creative Bloq.