Topo da página.
  • Ir para o conteúdo 1
  • Ir para o índice 2
  • Alto Contraste
Logotipo Lupadigital - Uma lupa sobre a palavra Lupa, com as letras up ampliadas.

Lupa digital

Cartilha de Acessibilidade

Menu Serviço

  • Início
  • Agradecimentos
  • Contato

Índice

  • 00. Nota do Autor
  • 01. Introdução
  • 02. Sobre a cartilha
  • 03. Diretriz WCAG
  • 04. Declaração de documento
  • 05. Estrutra de páginas
  • 06. Frames
  • 07. Imagens
  • 08. Textos e Links
  • 09. Tabelas
  • 10. Teclas de atalho
  • 11. Formulários
  • 12. Scripts e eventos
  • 13. Utilizando Cores
  • 14. Tecnologia Flash
  • 15. Avaliadores
  • 16. Leitor de tela / Tradutor de Libras
  • 17. Regras básicas
  • 18. Leis e decretos
  • 19. Testes
  • 20. Linguagem simples

Anexos

  • 21. NVDA
  • 22. Teclas do Windows
  • 23. Outras páginas
  • 24. Todos@Web
  • 25. VLIBRAS

17. Regras básicas

UTILIZE OS PADRÕES WEB STANDARDS - W3C

São tecnologias para criação e interpretação de conteúdo para a Web cuidadosamente concebidas para dar os maiores benefícios ao maior número possível de usuários da Web, assegurando ao mesmo tempo a viabilidade a longo prazo de qualquer documento que seja publicado na Web.

MECANISMOS DE NAVEGAÇÃO

Um estilo consistente de apresentação permitirá o usuário localizar mecanismos de navegação mais facilmente e permitirá encontrar mais facilmente conteúdos importantes.

Procure utilizar alguns recursos de forma padrão, se possível fazendo com que os mesmos apareçam no mesmo lugar em cada nova página exibida, como por exemplo: Barra ou menu de navegação; O conteúdo principal da página; Anúncios e advertências.

Certifique-se de que sua página é navegável através da tecla TAB, mantendo uma estrutura lógica de navegação. O Deficiente Visual raramente utiliza o mouse.

Evite o uso de frames. Não sendo possível, procure utilizar no máximo duas janelas e informar da existência do mesmo.

DESCRIÇÃO TEXTUAL DO SITE

Se possível, crie um link para uma página com HTML puro que de uma descrição textual da formatação da sua página. Coloque este link como primeiro objeto a receber o foco na página.

Para criar o texto desta página, pense como se você estivesse descrevendo sua página para alguém pelo telefone.

TÍTULO DA PÁGINA

Inclua sempre um título significativo para sua página utilizando o marcadortitleno cabeçalho da página. Esta será a primeira informação a ser lida quando a página for carregada.

IMAGENS

Ao utilizar imagens, utilize sempre a propriedade alt. O programa leitor de telas ao encontrar uma imagem lê o texto informado nesta propriedade.

Nos hiperlinks gerados por mapas de imagem, marcadormaptilize o atributotitleem cada hiperlink.

TEXTOS

Nos hiperlink texto, utilize sempre palavras significativas.

Utilize o atributo titledo marcador a caso seja necessário dar mais clareza sem prejudicar o lay-out do página;

FORMULÁRIOS

Em objetos de formulário, como por exemplo CAIXA DE TEXTO, utilize o marcador label. Este marcador fará com que o título do objeto seja falado com mais precisão.

EXPRESSÕES SEM CONTEXTO

A expressão "CLIQUE AQUI", "SAIBA MAIS ..." como hiperlink simples não terá muito sentido se a expressão não fizer parte do contexto, principalmente se aparecer em mais de um lugar na página. Procure inserir o contexto nestas palavras ou utilize o atributo title.

TECNOLOGIA FLASH

Evite a utilização de tecnologia Flash. Quando usá-la, certifique-se de conhece como implementá-la de forma aessível.

Ao navegar com a tecla TAB e focar um objeto Flash, o cursor poderá ficará travado. Somente a partir do Flash MX que a Macromedia passou a utilizar recursos de acessibilidade.

ATALHOS E TECLAS DE ATALHO

Crie atalhos com hiperlinks para pontos chaves do seu site como ínicio, menu, conteúdo.

Utilize o atributo accesskey para criar atalhos para pontos estratégicos da página.

SCRIPTS E EVENTOS

Garanta que nenhum script é obstrutivo e que os eventos do mouse não sejam as únicas condições para uma determinada funcionalidade.

Mudança de páginas

  • 16. Leitor de tela / Tradutor de Libras
  • 18. Leis e decretos

Compartilhe!

Todos@Web

Prêmio Nacional de Acessibilidade na Web - A Lupa Digital - Cartilha de Acessibilidade, recebeu o 3°  lugar no prêmio Todos@Web 2012 na categoria Projetos Web - Entretenimento / Cultura / Educação / Blogs.

© 2002 Lupa Digital

A primeira cartilha nacional sobre Acessibilidade - Publicada em 07/08/2002 - Fundação Biblioteca Nacional / Ministério Da Cultura / Escritório de Direitos Autorais, No. Registro: 265.225 Livro: 475 Folha: 385. Todos os direitos reservados ao autor (Fabio A. B. Gameleira)

TOPO