ID de aria-details ausente
O Silktide verifica todos os atributos aria-details nas suas páginas e confirma se o ID do elemento para o qual apontam realmente existe. Esse atributo associa um elemento a uma explicação mais detalhada em outra parte da página, como um gráfico associado à tabela de dados subjacente.
<!-- Problema: nenhum elemento na página tem id="sales-table" -->
<img src="chart.png" alt="Vendas por trimestre" aria-details="sales-table">
Por que isso é importante
O atributo aria-details promete aos utilizadores de uma descrição mais detalhada à qual podem aceder — os dados completos por detrás de um gráfico, ou os termos por detrás de um resumo. Quando a referência está quebrada, um anuncia que existem detalhes, mas não consegue levar o utilizador até eles, o que é mais confuso do que não oferecer detalhes.
Como corrigir
- Faça com que o atributo aponte para o
idde um elemento real na mesma página, de preferência um elemento visível para que todos os utilizadores possam aceder-lhe. - Se o conteúdo detalhado tiver sido removido, remova também o atributo
aria-details. - Para uma descrição de texto curta, em vez de conteúdo detalhado, considere utilizar
aria-describedby, que lê o texto diretamente.
Como o Silktide testa isto
- Encontra todos os elementos da página que têm um atributo
aria-details. - Verifica o ID referenciado comparando-o com os IDs dos elementos presentes na página.
- Comunica cada referência que não corresponde a nenhum elemento.
Resolução de problemas
Esta verificação não comunica nada, embora eu espere resultados
Os testes de ARIA podem ser desativados por website. Consulte as definições avançadas do website.