Skip to content

Latest commit

 

History

History
33 lines (20 loc) · 3.13 KB

gepeto-acessibilidade.md

File metadata and controls

33 lines (20 loc) · 3.13 KB
Raw

Melhorar a acessibilidade de um site é uma prática importante para garantir que todas as pessoas, independentemente de suas habilidades e necessidades, possam interagir com o conteúdo da web de forma eficaz. Aqui estão algumas melhorias que você pode fazer para tornar seu site mais acessível:

  1. Adicione atributos alt às imagens: Adicione um atributo alt a todas as imagens para descrever seu conteúdo. Isso ajuda pessoas com deficiência visual a entenderem o que está nas imagens. Exemplo:

    <img src="img/logo_pH_header.png" alt="Logo do progHub">

  2. Use rótulos para os botões: Forneça rótulos significativos para seus botões para que os leitores de tela possam entender a função de cada botão. Use o atributo aria-label ou coloque o texto diretamente no botão. Exemplo:

    <button class="botao" aria-label="Abrir modal de contribuição" onclick="mostrarModal()">
  <span class="material-icons" id="icone">add_circle_outline</span>
</button>

  3. Melhore a navegação por teclado: Certifique-se de que todos os elementos interativos do site (como botões) possam ser navegados e ativados usando apenas o teclado. Isso é importante para pessoas que não usam um mouse.

  4. Forneça contraste adequado: Certifique-se de que o texto e os elementos da interface tenham contraste suficiente para serem legíveis. Isso é importante para pessoas com deficiência visual ou problemas de visão.

  5. Use cabeçalhos semânticos: Use elementos de cabeçalho HTML (<h1>, <h2>, etc.) de forma semântica para estruturar o conteúdo da página. Isso ajuda leitores de tela a entender a organização do conteúdo.

  6. Adicione legendas e descrições de vídeo: Se você incorporar vídeos, forneça legendas para pessoas surdas ou com problemas de audição. Além disso, forneça uma descrição de vídeo para ajudar pessoas cegas a entender o conteúdo do vídeo.

  7. Teste com leitores de tela: Faça testes de acessibilidade com leitores de tela para garantir que seu site seja navegável e compreensível por pessoas com deficiência visual.

  8. Use padrões de HTML5: Sempre que possível, use os elementos HTML5 apropriados para marcação semântica, como <nav>, <footer>, <section>, etc., para melhorar a estrutura da página.

  9. Implemente o foco visível: Certifique-se de que os elementos com foco (por exemplo, links e botões) tenham um estilo de foco visível para que os usuários de teclado possam ver onde estão navegando.

  10. Documente acessibilidade: Adicione informações sobre a acessibilidade do seu site em uma página de políticas de acessibilidade ou um documento semelhante, informando aos usuários sobre o compromisso do seu site com a acessibilidade.

Lembre-se de que a acessibilidade é um processo contínuo. À medida que você faz melhorias, é importante testar o site com diferentes tecnologias assistivas e receber feedback de usuários com diferentes necessidades. Além disso, o uso de ferramentas de validação de acessibilidade, como o WAVE (https://wave.webaim.org/), pode ajudar a identificar problemas de acessibilidade em seu site.