Acessibilidade e multimodalidade

Uma tarefa pode ser rápida com rato e impossível com teclado. Uma pessoa tenta concluir a reserva só com teclado e fica presa no seletor de horário. A acessibilidade procura remover barreiras para pessoas com diferentes capacidades e tecnologias de apoio, como leitores de ecrã ou teclados adaptados, considerando também condições temporárias e contextuais.

Quatro princípios

As WCAG organizam requisitos em conteúdo percetível, interface operável, informação e interação compreensíveis, e conteúdo robusto para diferentes agentes e tecnologias de apoio. Cada princípio responde a uma barreira observável: texto sem contraste suficiente não é percetível; função só com rato não é operável; erro sem explicação não é compreensível; marcação sem semântica não é robusta.

Os níveis A, AA e AAA agrupam critérios; cumprir alguns critérios AA não demonstra conformidade AA de toda a página. Um verificador automático encontra parte das falhas, mas não determina sozinho se a ordem de leitura é útil, se o texto alternativo comunica a figura ou se uma tarefa completa funciona com leitor de ecrã; temos de verificar manualmente a sequência inteira.

Contraste

Para texto, o critério AA de contraste exige normalmente 4,5:1, ou 3:1 para texto grande, e “grande” tem uma definição no critério: pelo menos 18 pt, ou 14 pt em negrito (aproximadamente 24 e 18,67 CSS px), não apenas o que nos parece grande. Há exceções, como logótipos e texto incidental.

O rácio usa luminâncias relativas, não os valores RGB diretamente:

$$C=\frac{L_{\max}+0{,}05}{L_{\min}+0{,}05}.$$

Para obter a luminância de uma cor sRGB:

1. Divide cada canal R, G e B por 255 para obter $c$ entre 0 e 1.
2. Converte cada canal para luz linear. Se $c\leq0{,}04045$, usa $c/12{,}92$. Nos restantes casos, usa $((c+0{,}055)/1{,}055)^{2{,}4}$.
3. Combina os canais lineares: $L=0{,}2126R+0{,}7152G+0{,}0722B$.
4. Coloca a luminância maior no numerador e a menor no denominador da fórmula de contraste.

Para #777777, os três canais são $119/255\approx0{,}4667$; como são iguais, a soma ponderada dá a mesma luminância linear, cerca de $0{,}1845$. O branco tem $L=1$, logo $C=1{,}05/(0{,}1845+0{,}05)\approx4{,}4781$.

Sobre branco, #777777 dá cerca de 4,4781:1 e falha o limiar de texto normal, enquanto #767676 dá cerca de 4,5422:1 e passa. Não arredondamos um valor inferior a 4,5 para o declarar conforme; aumentar apenas o peso do texto não altera as luminâncias nem o rácio, só muda o limiar se cumprir a definição de texto grande.

Operação e estrutura

A funcionalidade deve poder ser realizada através de teclado. A exceção prevista nas WCAG cobre funções que dependem do percurso do movimento, como desenhar à mão livre. Oferecer um botão que só funciona com rato não satisfaz o requisito.

O percurso de teclado precisa de evitar bloqueios e mostrar o foco, com uma ordem que preserve significado e operação.

Percorre a reserva só com teclado: entra no seletor de sala com Tab, escolhe com setas, avança para rever, volta para corrigir e confirma; em cada paragem, o foco está visível e nenhum diálogo tapa o controlo focado. Num diálogo modal, o foco entra, permanece no diálogo enquanto este está aberto e regressa ao controlo relevante quando fecha. Um diálogo modal impede a interação com o conteúdo que ficou por trás; uma janela não modal não exige o mesmo confinamento.

Usa elementos com semântica adequada: um botão para uma ação, um link para navegação, etiquetas associadas aos campos e títulos que organizam secções; um placeholder não substitui uma etiqueta persistente. Uma imagem decorativa tem texto alternativo vazio; uma figura informativa precisa de descrição adequada, e um gráfico pode precisar dos dados ou de uma explicação adicional.

<label for="email">Email da faculdade</label>
<input id="email" type="email" aria-describedby="ajuda-email" />
<p id="ajuda-email">
  Usa o endereço que escolheste para receber a confirmação.
</p>
<button type="submit">Enviar confirmação</button>

O for liga a etiqueta ao campo, e o leitor de ecrã anuncia o nome ao entrar, enquanto o aria-describedby acrescenta a instrução sem a misturar com o nome. Sem a etiqueta associada, não podemos confiar que o campo tenha um nome adequado. O nome pode vir de outro mecanismo, como aria-label, pelo que é necessário inspecionar a associação efetiva.

Não podemos deduzir que um botão com texto “OK” não tem nome acessível: tem esse texto como nome, mas o significado pode ser demasiado vago; distingue uma falha técnica de associação de uma falha de clareza.

Novos critérios e testes de tarefa

Nas WCAG 2.2, o critério AA de tamanho mínimo de alvo prevê 24 por 24 CSS px, mas aceita condições alternativas e exceções, incluindo espaçamento, controlos equivalentes e elementos em linha. Não é uma regra sem exceções de que todos os links têm de medir 24 px. Na prática, reserva espaço à volta de alvos pequenos para não ativar o vizinho por engano.

O critério de foco não oculto exige que o componente focado não fique totalmente escondido por conteúdo criado pelo autor; aumentar alvos pode facilitar a interação, mas o tamanho adequado depende da tarefa e não dispensa espaçamento e alternativas.

Para uma reserva, testa encontrar a sala, selecionar horário, reconhecer erro e concluir com teclado e tecnologia de apoio apropriada: mede contraste, verifica nomes e estados, e observa a sequência inteira. Uma lista de critérios isolados não prova que o objetivo é alcançável.

Modalidades e dispositivos

Uma modalidade é um canal ou forma de comunicação, como visual, auditiva, tátil, fala ou gesto, enquanto um dispositivo é o meio técnico, como microfone, ecrã ou teclado. Multimodalidade pode combinar entrada e saída; não significa apenas ter dois dispositivos ligados.

Voz e toque podem ser alternativas para a mesma ação, quando a pessoa escolhe um canal; redundantes, quando confirmam o mesmo significado por dois canais; ou complementares, como dizer “reservar esta” enquanto se aponta a sala.

Combinar canais exige resolver sincronização, ambiguidades e contradições. Se a fala diz B101 e o toque seleciona B102, não executamos silenciosamente uma decisão; suspendemos o compromisso, mostramos as duas interpretações e pedimos confirmação.

Voz pode ajudar com mãos ocupadas, mas falha com ruído e revela informação em público, enquanto o toque exige alcançar o alvo; por isso um sistema multimodal acessível oferece alternativas adequadas e não obriga uma pessoa a falar e apontar ao mesmo tempo para uma operação essencial.