Quando a ordem dos fatores altera o produto
em Acessibilidade
Como contei no último post, foi uma experiência fantástica [porém assustadora] testar alguns programas de leitura de tela para portadores de deficiência visual. O drama começa porque o mouse não é a melhor ferramenta para se movimentar pela tela para um portador de alguma deficiência, e sim o teclado. Usa-se o Tab para seguir pelos links, e Shift + Tab para voltar pelo caminho inverso.
Este pode ser um problema muito grande. O Tab segue literalmente a ordem dos links que estão no código da página. Deste modo, seja qual for a estrutura da página que você estiver construindo [tabelas, layers, diabo a quatro], você deve respeitar a ordem lógica da página.
Uma sugestão é primeiro construir o topo com o logotipo do site/empresa. Neste logotipo, coloque aquele link básico para a home e um alt dizendo qual é o site e explicando que clicando ali o usuário vai para a home-page. Depois, vem a primeira navegação, segunda navegação e o texto.
Um site que atende portadores de alguma deficiência pode e deve ser interessante para os dois públicos. O site não precisa ser como o do Ministério da Educação e Cultura, que jura de pé junto que é bom em acessibilidade, mas além de ter uma estética pobre e saturada de links, não tem um tamanho de fonte flexível para o corpo do texto. Talvez uma estética minimalista ajude os portadores de deficiências visuais, mas verifique se esta é uma boa opção para todos os outros usuários também. Ou simplesmente um meio de errar menos...
Faça você mesmo
Se você tem o Windows XP, verifique se você tem instalado o Narrator. O atalho para ele fica dentro de Acessórios, Acessibilidade. Ele é um programinha bem simples, mas mostra bem como os programas comerciais de leitura de tela funcionam. Existem outros softwares melhores como o Virtual Vision. Há um grupo de discussão no Yahoo!Groups de usuários deste software. Se você puder investir, compre-o.
O teste do Tab
Se não puder usar um leitor de telas, simples, faça o teste do Tab. Selecione o campo da URL do browser. Clique devagar na tecla Tab e localize os elementos que estão selecionados. Veja se eles estão em formato texto e estão compreensíveis somente com o conteúdo visível do texto. Se estiverem em imagens, passe o mouse por cima e veja se tem um texto alternativo que realmente diz algo sobre a imagem ["este é um botãozinho azul" é o tipo da informação que não precisamos 8:P]. Se não obtiver os melhores resultados, use os atributos alt e title para melhorar a compreensão destes elementos isolados e continue o teste sempre do início.
Um indício que a sua página não está estruturada de forma lógica é se há várias mudanças bruscas na localização dos elementos ao longo da página. Se ir e vir do topo ao rodapé várias vezes durante a leitura de uma página pode te deixar tonto, imagine quem não sabe exatamente onde está?
Dicas básicas
- Para as imagens, use sempre o atributo alt, menos para imagens que realmente não tenham nada a dizer.
- Para qualquer link que precise de uma explicação melhor que o rótulo, use o title. Qualquer tag HTML/XHTML aceita este atributo.
- Menus DHTML como os que tem no site do MEC não são muito bons para serem acessados pelo Tab. Se houver necessidade de explicitar um segundo nível de navegação neste menu, pense em outras alternativas.
- Alguns recursos são verdadeiras armadilhas para o Tab, como alguns tipos de animações, frames e AppletsJava. Sempre que colocar algum elemento novo na página, faça o teste dos Tab.
- Se você usa recursos de rollover para descrever algum conteúdo essencial, use também as propriedades de foco [no JavaScript básico onFocus/onBlur].
Se você acha que isso não tem nada a ver com você...
Pense então em dinheiro. Está na Camara dos Deputados uma alteração na Lei nº 10.098, de 19/12/2000, para garantir a acessibilidade de todos 8 mil websites públicos aos portadores de deficiência ou necessidade especial. Sabe o impacto que isso vai ter no seu trabalho? As oportunidades que podem surgir para a sua empresa? 8;)
Não deixe de...
- visitar o site da Ação Brasileira para a Acessibilidade.
- validar o seu site no UsableNet e aproveitar para ler as dicas.