Sobre esta regra de acessibilidade
Para evitar que a tecnologia assistiva perca a segunda instância, o valor fornecido a uma propriedade id deve ser distinto. Por outras palavras, os atributos id não podem ser utilizados mais de uma vez para distinguir um elemento de outro dentro do mesmo documento.
Os elementos numa página são identificados de forma única através do atributo ID. Não faz sentido criar um segundo id.
IDs duplicados podem tornar inacessíveis etiquetas de formulários, células de cabeçalho de tabelas, etc., uma vez que os leitores de ecrã e scripts do lado do cliente ignoram a segunda iteração. São erros típicos de validação de markup que, mesmo que não prejudiquem a acessibilidade, podem reduzir potenciais causas de problemas de acessibilidade.
Aqueles que estão familiarizados com scripting do lado do cliente sabem que quando um ID é reutilizado, o script normalmente só reage à primeira instância dessa utilização do id. De forma semelhante, a tecnologia assistiva pode apenas referenciar apropriadamente o primeiro id ao referenciar um id.
O que esta regra de acessibilidade verifica
Garante que cada elemento na página com um atributo id tem um valor distinto para o atributo id.
Ajude-nos a melhorar os nossos guias
Detecte problemas de acessibilidade automaticamente
O Rocket Validator examina milhares de páginas com Axe Core e o W3C Validator, encontrando problemas de acessibilidade em todo o seu site.