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

Barrierefreiheit

O que significa nome, função, valor num sítio Web?

Nome, função e valor são as três indicações que cada elemento de controlo de um sítio Web deve relatar aos programas de assistência. O nome diz para que serve o elemento («Procurar»), a função diz o que é (botão, ligação, caixa de verificação), o valor diz em que estado se encontra (marcado ou vazio). Se faltar uma das indicações, um visitante cego apenas ouve «elemento» — e não pode fazer nada com ele. Isto é regulado pelo critério WCAG 4.1.2.

Três indicações tornam um elemento utilizável

Um programa de leitura não vê pixels — lê o que o código fonte relata sobre cada elemento. Para um botão bem construído, diz: «Procurar, botão». O visitante sabe imediatamente o que acontece quando pressiona Enter. Para uma caixa de verificação vem o valor: «Subscrever boletim, caixa de verificação, não marcada». Os problemas surgem com elementos personalizados: um símbolo clicável sem nome é anunciado como «imagem», um menu de expansão montado por script sem função como texto sem sentido. O visitante que vê nada disso — o elemento parece normal. Para utilizadores de programas de leitura, controlo de voz e teclados especiais, é invisível ou inutilizável. Robustez significa: a tecnologia subjacente suporta todos os programas de assistência, não apenas o ecrã.

Assim o serviço de verificação verifica nome, função e valor

O nosso núcleo de medição verifica este critério em grande medida automaticamente com axe-core num navegador real. Verificado, entre outras coisas: cada botão e ligação têm um nome acessível, as indicações adicionais para programas de assistência são válidas e combinadas correctamente, as funções atribuídas manualmente estão em conformidade com as regras. Para excluir constatações acidentais, a verificação funciona duas vezes com um intervalo de 800 milissegundos — apenas as constatações que ambas as execuções mostram contam. Além disso, a contagem de rótulos do critério 3.3.2 flui: um campo de entrada sem rótulo ligado também não tem nome acessível e portanto também conta como violação do 4.1.2. O relatório nomeia cada constatação com elemento e comprovação.

Beispiele

Schalter ohne Name, Rolle und Zustand

Verstoß

<div class="toggle on" onclick="umschalten()"></div>

Erfüllt

<button type="button" role="switch" aria-checked="true" onclick="umschalten()">
  Benachrichtigungen
</button>

Das Vorleseprogramm sagt „Benachrichtigungen, Schalter, eingeschaltet“. Beim Umschalten muss aria-checked mitgeführt werden.

Symbol-Knopf ohne Namen

Verstoß

<button><svg>…</svg></button>

Erfüllt

<button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>

Peça à sua agência que utilize os componentes incorporados para elementos de controlo — botões e ligações genuínos trazem nome, função e valor consigo.
Dê a cada botão de símbolo puro — lupa, menu, carrinho — um nome invisível, mas tecnicamente registado.
Verifique elementos personalizados, como menus de expansão e interruptores, de forma particularmente crítica — a função e o estado estão com mais frequência em falta.
Execute uma verificação automática após cada reforma maior, pois um único novo script pode desactivar muitos elementos.

Deutsche Fassung dieser Seite

FAQ

O que é o nome acessível de um elemento?

O nome acessível é a designação que um programa de assistência anuncia para um elemento — num botão, geralmente o seu texto visível, num botão de símbolo, um texto tecnicamente registado, como «abrir pesquisa». Se faltar, o programa de leitura apenas anuncia «botão», e o visitante tem de adivinhar. O controlo de voz também precisa do nome para acertar num elemento ao chamá-lo.

Porque é que os elementos de controlo personalizados são um risco?

Os componentes incorporados da Web — botões reais, ligações, campos de seleção — relatam automaticamente nome, função e valor aos programas de assistência. Quem, em vez disso, monta um elemento de controlo a partir de texto clicável e scripts, tem de adicionar manualmente todas as três indicações. Isto é frequentemente esquecido: o elemento parece normal, mas permanece um texto sem sentido para programas de leitura.

Como é que o serviço de verificação verifica o critério nome, função, valor?

O núcleo de medição verifica com axe-core num navegador real se os botões e ligações têm nomes acessíveis, se as indicações adicionais para programas de assistência são válidas e se as funções atribuídas estão em conformidade com as regras. A verificação funciona duas vezes com um intervalo de 800 milissegundos; apenas as constatações confirmadas bilateralmente contam. Os campos de entrada sem rótulo ligado também contam como violação.