Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
Como têm de funcionar as dicas e janelas de ajuda em websites?
As janelas de ajuda que aparecem ao passar o rato ou com o foco do teclado — dicas, submenus, bolhas de informação — têm de cumprir três condições: o visitante pode fechá-las sem movimento do rato, geralmente com a tecla Escape. Consegue mover o rato para a janela sem ela desaparecer. E permanece até ele a fechar ou mudar de página.
Três regras para cada janela de ajuda
Quem trabalha com ampliação forte do ecrã apenas vê um pequeno excerto da página. Se uma janela de ajuda surgir ao passar o rato, ela tapa rapidamente o texto que se está a ler na vista ampliada — e sem forma de fechar, fica-se preso. Logo, primeira regra: desligar-se, tipicamente com a tecla Escape. A segunda regra diz respeito ao mesmo grupo: para ler uma janela ampliada, tem de se conseguir mover o rato para ela — se desaparecer ao abandonar o acionador, o seu conteúdo fica inacessível. A terceira regra exige permanência: uma janela que desaparece sozinha após alguns segundos é inútil para leitores lentos. Os casos clássicos são submenus feitos por medida e símbolos de informação em formulários.
Assim o serviço verifica as janelas de ajuda
As janelas de ajuda revelam-se apenas em conjunto: tem de se passar o rato sobre o acionador, premir a tecla Escape, observar o tempo de permanência. O nosso núcleo de medição executa interações passivas e direcionadas no seu website — desloca-se, por exemplo, com o foco do teclado pela página e observa o comportamento. Isto não fornece um juízo completo sobre as três condições para cada janela individual; segundo o nosso princípio fundamental, nada vale como confirmado sem prova real. O relatório indica assim o critério como ponto a verificar manualmente. No padrão Gold, um verificador maneja as janelas do seu website com rato e teclado e documenta cada uma que não se fecha, desaparece rapidamente ou é intocável.
Beispiele
Tooltip nur beim Überfahren
<span class="hilfe" title="Die Kundennummer steht auf der Rechnung oben rechts.">?</span><button type="button" aria-describedby="hilfe-knr" aria-expanded="false">Wo finde ich das?</button>
<p id="hilfe-knr" hidden>Die Kundennummer steht auf der Rechnung oben rechts.</p>Eine Einblendung muss per Tastatur erreichbar sein, mit Escape schließen und stehen bleiben, solange der Zeiger darauf ruht.
- Passe o rato sobre os símbolos de informação e menus do seu website e prima Escape — a janela deve fechar.
- Mova o rato do acionador para a janela — tem de permanecer aberta.
- Remova os temporizadores que fecham automaticamente as janelas após alguns segundos.
- Prefira o clique ao passar do rato como acionador — o que se abre e fecha com clique cumpre quase sozinho as regras.
- Peça à sua agência para usar componentes acessíveis comprovados em submenus e dicas em vez de desenvolvimentos próprios.