O que é acessibilidade
Acessibilidade é a condição que permite usar a interface com teclado, leitor de tela, contraste adequado e texto ampliado. Ela amplia o número de usuários que conseguem concluir a tarefa.
O trabalho começa na estrutura. O HTML semântico informa o papel de cada elemento, e o navegador entrega essa informação à tecnologia assistiva.
Os princípios
A interface precisa ser perceptível, operável, compreensível e robusta. O texto alternativo torna a imagem perceptível, e o foco visível torna o controle operável.
A mensagem de erro precisa indicar o campo e a correção. O rótulo e a instrução tornam o formulário compreensível, e a estrutura estável permite a leitura assistida.
Teclado, foco e contraste
O fluxo precisa ser percorrido apenas com o teclado. O foco aparece na ordem da tela, e o menu, o modal e o formulário não prendem o cursor.
O contraste e o tamanho do texto precisam ser conferidos no modo claro e no escuro. O alvo de toque também importa, porque um botão pequeno dificulta o uso no celular.
Exemplo
Como conferir
Percorra o fluxo apenas com o teclado e observe o foco. Amplie o texto, confira o contraste e leia a tela com um leitor de tela. Verifique o texto alternativo e o rótulo dos campos.
O UX writing define a mensagem de erro, e o CSS aplica contraste e espaçamento. A interface define a ordem que o teclado percorre.
Dúvidas frequentes
Perguntas frequentes sobre Acessibilidade
- Acessibilidade é só para leitor de tela?
- Não. Ela cobre teclado, contraste, tamanho do alvo, legenda, texto ampliado e clareza. Cada recurso atende necessidades diferentes.
- Contraste alto resolve a leitura?
- Contribui, mas não basta. O tamanho da fonte, o espaçamento e a clareza do texto também influenciam a leitura.
- Como testar sem ferramenta especial?
- Percorra o fluxo apenas com o teclado e observe o foco. Amplie o texto, confira o contraste e leia a tela com um leitor de tela.
- Acessibilidade atrasa a entrega?
- O ajuste feito durante a construção custa menos que a correção depois. A estrutura semântica e o foco correto evitam retrabalho na revisão.
Para continuar
Recursos relacionados
Documentação
W3C: introdução à acessibilidade
Apresenta os princípios e o impacto da acessibilidade.
Abrir recursoDocumentação
MDN: acessibilidade
Reúne técnicas de HTML, foco e leitura assistida.
Abrir recursoAplicação na formação
Vibe Coding: Do Zero ao MVP
Na Formação Vibe Coding, a acessibilidade entra na revisão do fluxo com teclado e na descrição das imagens do MVP.
Conhecer a formação
Fontes consultadas
Referências deste verbete
Este verbete ajudou você?
Obrigado pela resposta. Ela fica salva apenas neste navegador.