Acessibilidade e multimodalidade
Princípios WCAG, contraste calculado, teclado, estrutura e combinação de canais.
Princípios e verificação
Acessibilidade remove barreiras para diferentes capacidades, tecnologias de apoio e condições temporárias ou contextuais.
| WCAG | Exemplo de barreira |
|---|---|
| Percetível | Texto sem contraste |
| Operável | Função só com rato |
| Compreensível | Erro sem explicação |
| Robusto | Marcação sem semântica adequada |
Cumprir critérios isolados AA não demonstra conformidade AA da página. Verificadores automáticos não substituem testes manuais da tarefa, ordem de leitura e descrições.
Contraste
Texto grande tem pelo menos 18 pt, ou 14 pt em negrito, aproximadamente 24 e 18,67 CSS px. Há exceções, como logótipos e texto incidental.
Usa luminâncias relativas, não RGB diretamente:
- Normaliza cada canal sRGB dividindo por 255.
- Para , lineariza com ; caso contrário, usa:
- Combina os canais lineares:
Sobre branco, #777777 dá cerca de 4,4781:1 e falha texto normal; #767676 dá 4,5422:1 e passa. Não arredondes um valor inferior ao limiar para o declarar conforme.
Operação e estrutura
| Verificação | Regra |
|---|---|
| Teclado | Percurso completo sem bloqueios, foco visível e ordem significativa |
| Modal | Foco entra, permanece aberto e regressa ao controlo relevante; trás fica indisponível |
| Semântica | Botão para ação, link para navegação, etiqueta associada ao campo |
| Nomes | Placeholder não substitui etiqueta; “OK” tem nome, mas pode ser vago |
| Imagens | Decorativa com alternativa vazia; informativa com descrição ou dados |
| Alvos e foco | 24 por 24 CSS px ou alternativa e exceções; foco nunca totalmente escondido |
A exceção de teclado cobre funções dependentes do percurso do movimento, como desenho livre.
Multimodalidade
Modalidade é canal ou forma de comunicação; dispositivo é o meio técnico. Voz e toque podem ser alternativas, redundantes no significado ou complementares, como falar e apontar.
Se a voz indica B101 e o toque B102, suspende o compromisso, mostra a divergência e pede confirmação. Mais canais introduzem sincronização e ambiguidades; oferece alternativas sem exigir fala e gesto simultâneos numa ação essencial.