Exemplos

Essa é a seção principal deste apoio. Todos os exemplos disponibilizados aqui foram implementados com base nas recomendações do W3C e da literatura especializada. Você pode navegar pelos exemplos um a um, ou pular para um caso específico.

Pré-requisitos

Para uma boa parte dos exemplos é recomendado estar com um leitor de tela ativo. Caso ainda não tenha visto, a seção de Tecnologias Assistivas apresenta uma introdução ao seu uso, bem como dá sugestões para vários sistemas operacionais.

Organização

Os exemplos estão dispostos em algumas categorias, abordando vários aspectos de interfaces da Web moderna. Para vários tópicos, serão apresentados tanto exemplos de interfaces acessíveis, quanto de interfaces com problemas de acessibilidade. As categorias são:

• HTML Básico - Considerações iniciais sobre a estrutura base de qualquer página da Web;
• Semântica - A importância do uso correto de elementos semânticos do HTML;
• Navegação - Como permitir e facilitar a navegação através de uma página;
• Cores e Contraste - Cuidados a serem tomados ao escolher as cores de uma interface;
• Formulários - Apresenta tanto considerações para a compreensão e navegação correta pelos campos, quanto sobre validação de dados inseridos;
• Tabelas
• Componentes Interativos - Exemplos de componentes mais complexos, utilizando JavaScript para estender as funcionalidades padrão do HTML.