Design web acessível: os princípios que toda equipe deve conhecer

A acessibilidade se decide no design muito antes de se decidir no código. Estes são os quatro princípios das WCAG, traduzidos em decisões que uma equipe toma todos os dias.

Perceptível

A informação precisa poder ser percebida. Use um contraste de texto de pelo menos 4,5:1 (3:1 em texto grande), não transmita nada apenas pela cor, adicione texto alternativo às imagens com significado e legendas aos vídeos.

Operável

Tudo deve funcionar com o teclado, com foco visível e uma ordem lógica. Evite limites de tempo curtos, dê aos botões e links uma área de toque confortável e não use conteúdos que piscam.

Compreensível

Escreva com clareza, declare o idioma da página, mantenha uma navegação previsível e, quando um formulário falhar, diga o que aconteceu e como corrigir.

Robusto

Use HTML semântico, dê nome e função a cada controle e comunique as mudanças de estado, como as mensagens de erro ou de sucesso, às tecnologias assistivas.

Hábitos que facilitam tudo

• Defina desde o primeiro dia uma paleta com contrastes verificados.
• Projete os estados de foco, erro e vazio, não só o estado ideal.
• Revise os designs com o teclado antes de aprová-los.
• Respeite a preferência de movimento reduzido do sistema.