Acessibilidade
Abrangência das soluções
Títulos, listas e tabelas
Titulos
A hierarquização dos títulos para os textos ajuda os programas leitores de tela a verificar o relacionamento entre os assuntos publicados e a estrutura geral de edição da página. Como estes programas não reconhecem o layout, mas o código HTML de cada página, a aplicação de marcações como h1, h2, h3 aos títulos indica que elementos constituem os títulos e que elementos constituem os textos da página.
■ Os programas leitores de tela, como o JAWS, da IBM, também podem utilizar estas marcações para fazer uma lista dos títulos das páginas e permitir que o usuário vá direto ao assunto que o interessa. Do mesmo modo, os usuários leitores dos textos podem "varrer" o texto à procura dos assuntos que os interessam especialmente
■ Independentemente das marcações os títulos das páginas devem descrever objetivamente o seu conteúdo.
Os benefícios deste recurso se extendem a todos os usuários, na medida em que os títulos das páginas orientam a navegação e ajudam o arquivamento dos links para acesso posterior. Usuários com conexões lentas são beneficiados pelos títulos na medida em que podem lê-los segundos antes do aparecimento dos textos e das imagens.
Listas
■ Como programas leitores de tela avisam o usuários sobre o número de itens de cada lista (assinaladas com a marcação <li>) antes de ler cada um, o usuário pode verificar se quer ou não avançar nesta leitura.
Tabelas (para estruturar páginas)
■ Os programas leitores de tela, que transformam texto em linguagem falada, utilizados por pessoas com deficiências visuais procuram o texto nas marcações do código HTML.
■ Quando estes programas encontram uma marcação <table>, de tabela, interpretam como uma planilha, prevendo números e títulos distribuídos nas suas linhas e colunas.
■ Como muitas tabelas são usadas apenas para formatar o layout, o usuário pode às vezes ficar confuso com a leitura destas marcações que seu browser faz.
■ Marcações que identifiquem o conteúdo da tabela amenizam este efeito negativo.
Por exemplo:
-> <table width="100%" border="0" cellspacing="0" cellpadding="0" summary="Area de conteudo - textos e imagens do site">
O uso da marcação "summary" indica que a tabela contém textos e imagens e não conteúdo tabulado
Assuntos relacionados
► Preparação de informações para indexação (preparo do código)
► Testes : Acessibilidade
► Referências (Interface web)
21) Seven screen reader usability tips (acesso em 21.8.2005)
