Aplicações Ricas para tornar a Internet Acessível - Accessible Rich Internet Applications (ARIA) definem as formas de tornar o conteúdo e as aplicações da Rede Mundial - Web - (especialmente aqueles desenvolvidos com Ajax e JavaScript) mais acessíveis às pessoas com deficiência. Por exemplo, a ARIA permite a marcação de regiões importantes na página (como uma caixa de busca, um cabeçalho, chamadas "pontos de referência"), para facilitar a navegação (agilizam a utilização de leitores de tela, por exemplo), JavaScript para widgets, sugestões de preenchimento de formulário e mensagens de erro, atualizações de conteúdo em tempo real e muito mais.
O ARIA é um conjunto de atributos especiais para a acessibilidade, que pode ser adicionado a qualquer linguagem marcação, mas é especialmente adequado para HTML. O atributo da função define qual é o modelo de objeto (tais como um artigo, um alerta, ou algo que deslize). Há atributos adicionais ARIA que fornecem outras propriedades úteis, como a descrição de uma forma, ou o valor atual em uma barra de progresso.
O conjunto ARIA pode ser implementado nos navegadores mais populares e em leitores de tela. No entanto, as implementações variam e as tecnologias mais antigas não as suportam bem. Utilize um ARIA compatível, ou solicite a alguém que o atualize para as tecnologias mais recentes.
Começando em ARIA
- Apresentando ARIA
- Uma rápida introdução sobre como tornar um conteúdo dinâmico acessível com ARIA: Veja, também, o clássico ARIA intro by Gez Lemon, de 2008.
- Aplicações Web e ARIA FAQ
- Respostas às perguntas frequentes sobre WAI-ARIA e sobre por que é necessário tornar as aplicações web acessíveis.
- Vídeos de Leitores de Tela Utilizando ARIA
- Veja exemplos reais e simplificados de vídeos, por toda a web, que incluem o "antes" e o "depois" da acessibilidade.
- Usando ARIA com HTML
- Um guia prático para desenvolvedores. Traz sugestões sobre quais atributos ARIA usar com os elementos HTML. As sugestões são baseadas em realidades implementadas.
Melhorias Simples ARIA
- Melhorando a Navegação nas Páginas com os Pontos de Referência ARIA
- Uma deliciosa introdução à utilização de pontos de referência para beneficiar a navegação pelas páginas da internete por quem utiliza os leitores de tela ARIA. Veja, também, as notas da implementação de pontos de referência ARIA e exemplos de situações reais (atualizadas a partir de 11 de julho).
- Melhorando a Acessibilidade nos Formulários
- O conjunto ARIA não é, apenas, para conteúdo dinâmico! Aprenda como aperfeiçoar a acessibilidade nos formulários HTML utilizando alguns atributos adicionais ARIA.
- Regiões dinâmicas (trabalho em progresso)
- As regiões dinâmicas oferecem sugestões, aos leitores de tela, sobre como controlar as alterações nos conteúdos das páginas.
- Utilizando a ARIA Regiões Dinâmicas para Apresentar as Alterações no Conteúdo
- Um resumo sobre as regiões dinâmicas, pelos criadores do programa de leitura de tela JAWS. Note que as regiões dinâmicas também são suportadas pela NVDA, no Firefox e VoiceOver, com Safari.
- Navegação pelo Teclado e Foco para Widgets em JavaScript
- A primeira etapa do desenvolvimento de um widget acessível com JavaScript é tornà-lo navegável através do teclado. Este artigo descreve as fases dessa operação. O artigo Yahoo! Administrando focos também é de grande ajuda.
- Guia de Estilo para Navegação através do Teclado
- Um desafio em ARIA é conseguir que os desenvolvedores executem procedimentos estáveis - claramente melhores para quem os utiliza. Este guia de estilos descreve a interface de teclado para os widgets comuns.
Recursos ARIA
- A Técnica na Execução de Widgets, Tutoriais e Exemplos
- Precisa de um controle dezlizante, um menu, ou algum outro tipo de widget? Encontre, aqui, as maneiras de obtê-los.
- Bibliotecas JavaScript UI com ARIA habilitada
- Se você está começando um projeto novo, escolha uma biblioteca UI para widget com suporte a ARIA já embutido. Atenção: isto é de 2009 -- este conteúdo deve ser movido para uma página MDN, onde pode ser atualizado.
- Acessibilidade em HTML5 e Aplicações Ricas - Materiais de Oficina CSUN 2012
- Inclua apresentações de eslaides e exemplos.
|
- ARIA Livre no Grupo Google
- Área de perguntas sobre ARIA, bem como de fazer sugestões para melhorar a documentação ARIA encontrada nestas páginas.
As informações ARIA nos blogues tendem a ficar desatualizadas rapidamente. Sem contar que há outras boas informações fora deles, de desenvolvedores que estão tornando o conjunto Aria funcional hoje.
Paciello Group
Cultura Acessível
Encontrando Erros
Erros nos arquivos ARIA em navegadores, leitores de telas e bibliotecas JavaScript.
Exemplos
- Exemplos de Bibliotecas ARIA
- Um conjunto de exemplos de arquivos das bibliotecas base, com os quais fica muito fácil aprender.
- Demonstração de Biblioteca para a Accessibilidade JS em Widget
- Dojo, jQuery, Fluid, YUI
- Correio Eletrônico Yahoo!
- A Yahoo! colocou tudo reunido com o Yahoo! e-mail, uma aplicação para a web que parece um aplicativo nativo. E funciona muito bem. Em uma análise do e-mail Yahoo! pelo leitor de tela, Marco Zehe diz: "Que o bom trabalho permaneça!".
- Pesquisa Yahoo!
- A Yahoo! tem feito um trabalho incrível no avanço do ARIA, aplicando suas posibilidades de forma plena e compartilhando suas técnicas. A Pesquisa Yahoo! usa uma combinação de pontos de referência ARIA, regiões dinâmicas e widgets.
Esforços pela Padronização
- Uma Visão Geral das Atividades WAI-ARIA na W3C
- Uma visão geral oficial dos esforços de padronização da WAI-ARIA pela Iniciativa de tornar a Web Acessível (Web Accessibility Initiative - WAI)
- Especificações WAI-ARIA
- As especificações W3C são referências úteis. Note que, nesta fase, é importante testar a compatibilidade, uma vez que as implementações ainda estão inconsistentes.
- Práticas Oficiais WAI-ARIA
- Conforme as especificações da W3C WAI-ARIA, a excelênca nas práticas oficiais representam o futuro ideal - o dia em que todos os autores possam trabalhar em suas realizações sobre uma base ARIA consistente em navegadores e leitores de tela. A documentação W3C proporcionará a você uma visão aprofundada de ARIA.
Por enquanto, desenvolvedores web que implementem ARIA devem priorizar a compatibilidade. Use as melhores documentações das práticas e exemplos baseados em implementações atuais.
- A Força-Tarefa da Acessibilidade Open AJAX
- Os centros de pesquisa Open AJAX envolvem ferramentas de desenvolvimento, modelos de arquivos e testes automatizados para ARIA.
- Em Construção: Técnicas ARIA WCAG 2.0
- A comunidade necessita de um conjunto completo de técnicas WCAG voltadas para WAI-ARIA + HTML, a fim de que as organizações possam estar confortáveis ao proclamar que o teor de suas ARIAs habilitadas é compatível com essas técnicas WCAG. É muito importante que as regulamentações, ou políticas, sejam baseadas em WCAG.
|
- Accessibilidade, AJAX, JavaScript
|