ID aria-errormessage ausente
A Silktide verifica todos os atributos aria-errormessage nas suas páginas e confirma que o ID do elemento para o qual apontam realmente existe. Este atributo liga um campo de formulário à mensagem que explica o que está errado com o valor introduzido nele.
<!-- Problema: nenhum elemento na página tem id="email-error" -->
<input type="email" aria-invalid="true" aria-errormessage="email-error">
Por que isso é importante
Quando um campo de formulário é marcado como inválido, o atributo
aria-errormessage informa à
onde está a
explicação. Se a referência estiver quebrada, um utilizador de
é informado de que a introdução está
incorreta, mas nunca ouve o motivo — fica a tentar adivinhar os formatos e
requisitos que os utilizadores que veem conseguem ler no ecrã e pode abandonar
o formulário por completo.
Como corrigir
- Faça com que o atributo faça referência ao
iddo elemento que contém a mensagem de erro visível do campo. - Utilize-o juntamente com
aria-invalid="true"no campo enquanto o erro se aplicar —aria-errormessagesó é anunciado para campos inválidos. - Certifique-se de que o elemento referenciado contém texto legível sempre que o erro é apresentado e está vazio ou oculto quando não está.
Como a Silktide testa isto
- Encontra todos os elementos da página com um atributo
aria-errormessage. - Verifica o ID referenciado em relação aos IDs dos elementos presentes na página.
- Comunica cada referência que não corresponde a nenhum elemento.
Resolução de problemas
O elemento de erro só é adicionado quando a validação falha
A Silktide testa a página à medida que esta carrega. Prefira manter o contentor de erro permanentemente na página (vazio ou oculto até ser necessário), para que a referência seja sempre resolvida e o anúncio funcione assim que o erro surgir.
Esta verificação não comunica nada, embora eu espere resultados
Os testes de ARIA podem ser desativados por site. Verifique as definições avançadas do site.