Ir para o conteúdo

Guia de Acessibilidade

1. Semântica

  • Utilize as tags HTML corretamente, como <header>, <footer>, e <main>, para estruturar a página. Isso ajuda tecnologias assistivas a entenderem o página e a funcionarem de forma correta.


2. Breadcrumbs

  • Inclua trilhas de navegação para que os usuários saibam onde estão no site e possam retornar facilmente às páginas anteriores.


  • Use textos descritivos nos botões e links, como “Enviar formulário” ao invés de “Clique aqui”. Assim, os usuários sabem exatamente a função do elemento.


4. Textos Alternativos

  • Adicione descrições claras e objetivas às imagens por meio do atributo alt. Isso garante que pessoas com deficiência visual compreendam o conteúdo visual.


5. Textos em Imagens

  • Evite incluir textos importantes em imagens. Caso seja necessário, forneça uma alternativa textual para garantir acessibilidade.


6. CSS e Árvore de Acessibilidade

  • Configure o CSS de forma que ele respeite a hierarquia semântica do HTML. Isso mantém a página acessível para leitores de tela.


7. Alturas

  • Certifique-se de que os elementos na página tenham altura suficiente para facilitar cliques e leitura, especialmente em dispositivos móveis.

Referências

1. CEWEB.br. BRUK - Guia HTML, seção: Semântica. Disponível em: https://ceweb.br/projetos/bruk/guia-html/#introducao. Acesso em: 25 Jan. 2025.

2. CEWEB.br. BRUK - Guia HTML, seção: Semântica. Disponível em: https://ceweb.br/projetos/bruk/guia-html/#estrutura-basica-de-um-documento-html. Acesso em: 25 Jan. 2025.

3. CEWEB.br. BRUK - Guia HTML, seção: Semântica. Disponível em: https://ceweb.br/projetos/bruk/guia-html/#uso-de-tags-sem%C3%A2nticas. Acesso em: 25 Jan. 2025.

4. CEWEB.br. BRUK - Guia HTML, seção: Execução. Disponível em: https://ceweb.br/projetos/bruk/guia-html/#atributos-alt-em-imagens. Acesso em: 25 Jan. 2025.

5. CEWEB.br. BRUK - Guia HTML, seção: Cabeçalhos. Disponível em: https://ceweb.br/projetos/bruk/guia-html/#estrutura-e-hierarquia. Acesso em: 25 Jan. 2025.

6. CEWEB.br. BRUK - Guia HTML, seção:CSS e a Árvore de Acessibilidade . Disponível em: https://ceweb.br/projetos/bruk/guia-html/#praticas-de-acessibilidade. Acesso em: 25 Jan. 2025.

7. CEWEB.br. BRUK - Guia HTML, seção: Altura. Disponível em: https://ceweb.br/projetos/bruk/guia-html/#introducao. Acesso em: 25 Jan. 2025.