Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
Como é que os visitantes cegos ficam a saber das mensagens de estado de uma página Web?
Os visitantes cegos apenas ficam a conhecer as mensagens de estado se a página Web as marcar tecnicamente como mensagem — depois o programa de leitura as anuncia automaticamente, sem o visitante sair da sua posição atual. Se a mensagem «O artigo foi colocado no carrinho» aparecer apenas visualmente na margem do ecrã, mantém-se silenciosa para os programas de leitura. O critério WCAG 4.1.3 exige que as mensagens de estado sejam reconhecidas programaticamente como tal.
Uma mensagem silenciosa é como um acenar de cabeça ao telefone
Mensagens de estado acompanham quase todas as ações na Web: «Artigo no carrinho», «3 resultados encontrados», «A sua mensagem foi enviada», «Formulário a carregar». Os visitantes que veem captam-nas lateralmente. Um visitante cego tem o seu foco noutro lado — por exemplo, ainda no botão que acabou de pressionar. Se a confirmação aparecer apenas visualmente, nunca fica a saber se a sua ação teve efeito. Pressiona novamente, coloca o artigo duas vezes no carrinho ou desiste desencorajado. A solução: A área de mensagem é marcada no código-fonte como área de estado. Os programas de leitura observam essas áreas e anunciam novos conteúdos automaticamente — o visitante fica na sua posição e ouve a confirmação mesmo assim.
Assim o serviço de verificação testa as mensagens de estado
A medição automática com axe-core verifica o aspecto técnico das áreas de mensagem existentes: As marcações são válidas e aplicadas corretamente, para que os programas auxiliares as possam processar. A questão decisiva vai mais além: Será que cada mensagem que surge durante uma operação genuína é realmente anunciada. Isto só pode ser avaliado se alguém operar a página Web e ouvir. O nosso relatório aponta esta parte como ponto de verificação manual aberto. No padrão Ouro, uma pessoa realiza operações típicas — colocar algo no carrinho, enviar um formulário, iniciar uma pesquisa — e verifica com o programa de leitura se a confirmação é audível. Uma verificação vazia é um erro para nós, nunca um passe livre.
Beispiele
Warenkorb-Meldung nur sichtbar
<div class="toast">Artikel im Warenkorb</div><div role="status" aria-live="polite">Artikel im Warenkorb, jetzt 3 Artikel</div>Mit role="status" wird die Meldung angesagt, ohne den Fokus zu verschieben. Für Fehler mit Handlungsbedarf: role="alert".
- Compile uma lista de todas as mensagens de estado da sua página Web: confirmações de carrinho, contadores de resultados de pesquisa, confirmações de envio, indicações de carregamento.
- Peça à sua agência para marcar as áreas de mensagem no código-fonte como áreas de estado, para que os programas de leitura as anunciem.
- Teste com o programa de leitura integrado no seu sistema operativo se a mensagem é anunciada audalmente após a ação.
- Mantenha as mensagens de estado breves e inequívocas — o texto é anunciado literalmente, mensagens longas cansam quem ouve.