Auditor de acessibilidade HTML

A maioria das verificações rápidas de acessibilidade são uma verificação superficial de palavras-chave ou uma biblioteca pesada na qual você deve confiar como uma caixa preta. Esta ferramenta segue um terceiro caminho: ela analisa qualquer HTML que você cola usando o DOMParser integrado do navegador - sem núcleo de machado, sem biblioteca de acessibilidade externa, nada baixado - e então percorre a árvore DOM resultante com um conjunto de verificações escritas à mão que refletem padrões de falha comuns e reais do WCAG 2.1. Isso significa que a lógica é totalmente inspecionável e a auditoria é executada inteiramente dentro do seu navegador: a marcação que você cola e qualquer par de cores que você testa nunca são carregados ou enviados para lugar nenhum.

As verificações cobrem as falhas que aparecem com mais frequência em páginas reais: elementos <img> sem nenhum atributo alt (uma falha WCAG genuína, distinta do alt="" deliberadamente vazio usado para imagens decorativas, que é corretamente deixado sem sinalização), controles de formulário sem nenhuma maneira de a tecnologia assistiva saber para que servem (verificado em cada caminho real para um rótulo - um <label for> correspondente, sendo agrupado dentro de um <label> ou um atributo aria-label/aria-labelledby), cabeçalho níveis que saltam sem aviso (um <h1> direto para um <h3>, ou um documento sem nenhum <h1>, ou mais de um), links sem href ou com texto vago e fora de contexto como "clique aqui" ou "leia mais", e um atributo lang ausente quando um documento HTML completo (não apenas um fragmento) é colado.

A peça que se destaca é a matemática de contraste genuína, não uma heurística superficial de 'parece legível'. Para qualquer elemento que carregue uma cor embutida e uma cor de fundo, a ferramenta lê ambos os valores, resolve-os para números RGB reais por meio do próprio mecanismo CSS do navegador (então hex, rgb(), hsl() e cores nomeadas como 'tomate' funcionam de forma idêntica) e calcula a luminância relativa WCAG exata para cada um - L = 0,2126×R + 0,7152×G + 0,0722×B, com cada canal corrigido por gama primeiro usando a curva de transferência sRGB real - antes de combiná-los na fórmula oficial de taxa de contraste, (L mais claro + 0,05) / (L mais escuro + 0,05). O tamanho e a espessura da fonte do próprio elemento decidem se os limites mais rígidos de 'texto normal' ou os limites mais tolerantes de 'texto grande' (18pt + ou 14pt + negrito) se aplicam, e o resultado é verificado em relação a todos os quatro números WCAG reais de uma só vez: 4,5: 1 e 3: 1 para AA, 7: 1 e 4,5: 1 para AAA - nunca se transformou em um único veredicto falso de bom/ruim.

Este é um subconjunto deliberadamente honesto e pragmático de uma auditoria de acessibilidade completa, não uma ferramenta de certificação: ela não avalia a interatividade baseada em JavaScript, padrões de widget ARIA além da rotulagem básica, ordem de foco do teclado ou qualquer coisa que exija realmente renderizar e executar a página. Trate-o como uma primeira passagem rápida que detecta algumas das falhas mais comuns e mais consequentes das WCAG – texto alternativo ausente, campos sem rótulos, hierarquia de títulos quebrada, texto de baixo contraste e links vagos – antes que uma página seja enviada, juntamente (não em vez de) uma revisão manual completa ou uma ferramenta de auditoria dedicada para qualquer coisa enviada para produção.