A acessibilidade digital, geralmente abreviada como "a11y", envolve projetar e criar sites e apps da Web com os quais pessoas com deficiência possam interagir de maneira significativa e equivalente.
Este curso foi criado para desenvolvedores da Web iniciantes e avançados. Você pode ler a série do início ao fim para ter uma compreensão geral das práticas e dos testes de acessibilidade ou de usá-la como referência para assuntos específicos. Se você ler um termo desconhecido, consulte nosso glossário. Para quem é novo no desenvolvimento da Web em geral, confira os cursos Aprender HTML para conceitos básicos de marcação e os cursos Aprenda sobre CSS para noções básicas de estilo.
Esta não é uma referência completa. Cada seção apresenta o tópico da seção e fornece contexto e exemplos. Haverá links para referências de tópicos, como as especificações MDN e WCAG, e outros artigos do web.dev. Cada seção terá uma breve avaliação para ajudar as pessoas a confirmar o entendimento delas.
Algumas práticas recomendadas de acessibilidade são diferentes, com base na deficiência que você está abordando. É importante entender seus usuários e ouvir as pessoas com deficiência quando elas disserem o que precisam.
Gostaríamos de receber seu feedback. Abra um problema do GitHub (link em inglês) e forneça o máximo de informações possível para que possamos resolvê-lo.
Você aprenderá o seguinte:
O que é acessibilidade digital e por que ela é importante?
Projetar e criar sites e aplicativos da Web com os quais pessoas com deficiência possam interagir de maneira significativa e equivalente. Leia sobre o impacto comercial e jurídico dessas escolhas.
ARIA e HTML
Quando usar ARIA em vez de HTML.
Estrutura do conteúdo
Use HTML semântico, pontos de referência e tabelas para conteúdos acessíveis.
O documento
Elementos HTML adicionais a considerar ao criar sites e aplicativos da web acessíveis.
Foco do teclado
Entenda e aprimore a ordem e o estilo da navegação pelo teclado.
JavaScript
Crie eventos de acionamento acessíveis, títulos de páginas, conteúdo dinâmico e muito mais.
Imagens
Crie imagens acessíveis.
Cor e contraste
Crie paletas de cores acessíveis com o contraste adequado.
Animação e movimento
Apoie pessoas com todos os tipos de distúrbios desencadeados por movimento.
Tipografia
Escolha as famílias tipográficas e os tamanhos de fonte certos e estruture sua cópia com um layout acessível.
Áudio e vídeo
São tipos de mídia alternativas que tornam seu vídeo e áudio acessíveis.
Formulários
Crie formulários acessíveis.
Design e experiência do usuário
Crie designs acessíveis e avalie a experiência do usuário.
Teste de acessibilidade automatizado
Como realizar testes de acessibilidade automatizados.
Teste de acessibilidade manual
Como testar a acessibilidade manualmente.
Testes de tecnologia assistiva
Como testar com a tecnologia adaptativa (TA).
Conclusão e próximas etapas
Outros recursos para ajudar você nas próximas etapas.
Glossário
Aprenda termos e conceitos comuns de acessibilidade.
Então, tudo pronto para aprender sobre acessibilidade? Vamos começar.