Guia para tornar páginas web acessíveis
Apresentação, Estrutura e Conteúdo
Organização
- A acessibilidade em páginas web melhora muito quando projetadas com independência entre a apresentação, a estrutura e o conteúdo. Por exemplo, o leitor de tela compreenderá a página de forma ordenada, o navegador textual apresentará a página de forma ordenada, assim como quando as páginas são carregadas sem as folhas de estilo.
- A apresentação refere-se a disposição
dos elementos da página (layout).
- elementos de apresentação são por exemplo "font", "italic", "margin", "color"...
- evitar o uso dos elementos de apresentação na marcação HTML/XHTML.
- definir os elementos de apresentação através de folhas de estilo - CSS.
- não utilizar elementos estruturais da marcação como recurso de apresentação. Por exemplo, não usar cabeçalho <h1> como recurso para aumentar o tamanho de uma palavra que não é título. Outro exemplo, não utilizar <pre> para simular uma tabela.
- definir tamanho de fontes com unidades relativas como "em" ou "%". Isto possibilita que o tamanho das fontes sejam aumentadas pelo usuário através do navegador.
- evitar o uso de tabelas para compor a apresentação da página. As tabelas são utilizadas para dados tabulares.
- A estrutura refere-se a organização lógica
da página como títulos, subtítulos, parágrafos,
etc.
- os elementos de estrutura são por exemplo "p", "table", "ul", "li", "h1", "h2", etc.
- utilizar marcação apropriada de HTML/XHTML.
- O conteúdo refere-se aos elementos de informação.
- os elementos de conteúdo são por exemplo textos, imagens, sons, vídeo, etc.
- utilizar linguagem simples e apropriada.
- empregar textos de links significativos
- evitar blocos de textos extensos e erros de ortografia.
Padrões web
- A acessibilidade em páginas web será muito mais eficaz se estiver de acordo com os padrões web preconizados pela World Wide Web Consortium - W3C. Isto se deve principalmente ao fato de que os criadores de tecnologias web se baseiam na premissa de que os criadores de páginas web estão também seguindo os padrões.
Benefícios
- Ao produzir páginas separando apresentação, estrutura e conteúdo e, seguindo os padrões web, resulta-se em muitos benefícios quanto a acessibilidade, indexabilidade, usabilidade, portabilidade
- Benefícios para um maior número de usuários, muitos
dos quais utilizam:
- tecnologia assistiva como leitor de tela, ampliador de tela, sintetizador de voz, tradutores Braille.
- navegadores textuais como o Lynx.
- diferentes tipos de navegadores gráficos.
- tecnologia portátil como PDA e celular.
- Outros benefícios:
- manutenção e redesign das páginas mais ágil e eficiente.
- melhores resultados em relação aos mecanismos de busca.
- maior rapidez ao carregar as páginas
- menor custo.
- as páginas estarão também preparadas para outras tecnologias que estão por vir.
Referência WCAG 1.0
- Guideline 3: Use markup and style sheets and do so properly
- Recomendação 3:Utilizar corretamente marcações e folhas de estilo
