Acessibilidade: Links de âncora precisam de um rótulo

Como eles apareceram apenas na beta 7, gostaria de destacar que os links para cada subtítulo em uma postagem longa precisam de um atributo aria-label. Como estão codificados, apenas com a tag a nomeada e provavelmente uma imagem de fundo incluída via a classe CSS .anchor, o leitor de tela acaba lendo algum número (provavelmente o ID da postagem) e fragmentos do título. É melhor ser explícito e usar algo como “Link permanente” ou “Link permanente para” seguido do texto do subtítulo. Dessa forma, usuários de leitores de tela que abrem uma lista de links em uma página recebem links devidamente nomeados.

Além disso, seria possível colocar a âncora após o texto do título, dentro do elemento h, e não antes? No momento, o leitor de tela, ao navegar de título em título, sempre lê o link primeiro e, especialmente se o texto do título for repetido no rótulo, como sugerido acima, a leitura pode se tornar bastante cansativa. Como usuários de leitores de tela frequentemente obtêm uma visão geral da página por meio da estrutura de títulos (consulte várias pesquisas do WebAIM sobre usuários de leitores de tela), seria melhor colocar o link após o texto do título.

Obrigado por sempre melhorar a acessibilidade no Discourse!

4 curtidas

Hmm, parece estranho que um número tenha sido pego de algum lugar…

De qualquer forma, essas sugestões fazem todo o sentido e não devem ser um problema para implementar. Obrigado novamente pelo conselho!

1 curtida

Na ausência de qualquer outra etiqueta em um link, os leitores de tela lerão o conteúdo do atributo href, para que os usuários, pelo menos, conheçam o destino ou a URL do link.

Há uma excelente análise técnica sobre o tema de links âncora acessíveis aqui: Are your Anchor Links Accessible? | Amber Wilson

2 curtidas