No desenvolvimento web, a acessibilidade refere-se ao conteúdo da web e uma UI (interface do usuário) que pode ser compreendida, navegada e interagida por um público amplo. Isto inclui pessoas com deficiência visual, auditiva, de mobilidade ou cognitiva.
Nesse curso, você aprenderá as melhores práticas para a construção de páginas da Web que sejam acessíveis a todos.
Link do slide do curso: https://edijunior88.github.io/FreeCodeCamp_Acessibilidade_Aplicada/
Para ver todas as tecnologias clique aqui
- Adicionar um texto alternativo em imagens para acessibilidade de deficientes visuais
- Saber quando o texto alternativo (alt) deve ser deixado em branco
- Usar títulos para criar relações hierárquicas de conteúdo
- Saltar para o conteúdo diretamente usando o elemento main
- Envolver conteúdos usando o elemento article
- Facilitar a navegação do leitor de tela com o ponto de referência header
- Facilitar a navegação do leitor de tela com o ponto de referência nav
- Facilitar a navegação do leitor de tela com o ponto de referência footer
- Melhorar a acessibilidade de áudios com o elemento audio
- Melhorar a acessibilidade de gráficos com o elemento figure
- Melhorar a acessibilidade de campos de formulário com o elemento label
- Envolver botões de opção em um elemento fieldset para melhor acessibilidade
- Adicionar um seletor de data acessível
- Padronizar o tempo com o atributo datetime no HTML5
- Tornar elementos visíveis apenas para leitores de tela usando CSS personalizado
- Melhorar a legibilidade com textos de alto contraste
- Evitar problemas de daltonismo usando o contraste suficiente
- Evitar problemas de daltonismo escolhendo cuidadosamente as cores informativas
- Dar significado aos links usando textos descritivos
- Fazer com que os links fiquem navegáveis com chaves de acesso HTML
- Usar tabindex para adicionar foco a um elemento usando o teclado
- Usar tabindex para especificar a ordem do foco em vários elementos usando o teclado