Skip to content

Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →

Barrierefreiheit

Por que indicações como «o botão verde à direita» não chegam em websites?

Indicações como «o botão verde à direita» não bastam porque se baseiam apenas em visão e disposição de ecrã. Um visitante cego não conhece cores nem posições, e no telemóvel «à direita» frequentemente desce para baixo. Instruções têm de funcionar também pelo nome do elemento: «Clique em ‹Enviar›».

Instruções que funcionam para todos

Esta regra afecta as formulações no seu website. «Preencha o campo à direita», «clique no botão redondo», «os oferecimentos marcados em vermelho valem apenas hoje» — tudo isto pressupõe que o visitante percebe formas, cores e posições. Um visitante cego ouve estas frases e fica confuso: O seu leitor de ecrã não conhece «direita» e não conhece «vermelho». Também pessoas com daltonismo — há muitas — falham em indicações puramente de cor. A solução é simples: Nomeie o elemento pelo nome. «Clique em ‹Solicitar oferta›» funciona para todos, pois o nome é anunciado pelo leitor de ecrã e mantém-se igual no telemóvel.

Como a nossa medição trata este critério

Se uma frase como «o botão à direita» surge algures na sua página requer compreensão de linguagem — uma máquina pode procurar textos de acordo com padrões mas não pode decidir com segurança se uma formulação é realmente a única orientação no contexto ou se existe uma alternativa nomeada. O nosso núcleo de medição segue o seu princípio: O que não pode medir com certeza, não o afirma. O critério aparece no relatório como ponto humano de verificação. No padrão ouro, um verificador lê os seus textos de instrução e de formulário e marca cada local que se baseia apenas em cor, forma ou posição.

Beispiele

Hinweis nur über Form und Lage

Verstoß
<p>Klicken Sie auf den runden Knopf rechts, um fortzufahren.</p>
Erfüllt
<p>Klicken Sie auf „Weiter“, um fortzufahren.</p>

Wer die Seite hört oder linear liest, hat kein „rechts“ und keinen „runden Knopf“. Der Name des Elements trägt.

  • Procure nos seus textos palavras como «direita», «esquerda», «acima», «abaixo», «vermelho» e «verde» — e complemente nessas situações com o nome do elemento referido.
  • Formule instruções com o texto de descrição visível: «Clique em ‹Avançar›» em vez de «clique abaixo».
  • Verifique formulários: Os campos obrigatórios devem estar marcados com uma palavra como «Campo obrigatório», não apenas com uma cor ou asterisco.
  • Peça à sua redacção para ler novos textos de instrução em voz alta — indicações de posição tornam-se aparentes imediatamente.
  • Pense na vista de telemóvel: O que está à direita num ecrã grande frequentemente desce para baixo ali.

Deutsche Fassung dieser Seite