Por que um título fora do lugar deveria te incomodar?

Senta, pega seu chá e vamos conversar sobre perfeccionismo... ou melhor, sobre funcionalidade.

Recentemente, eu estava olhando para o meu site. Esteticamente estava tudo ótimo, o código bem estruturado, mas e pontuação de acessibilidade no Lighthouse (uma ferramenta do Google que audita sites)? um forte 98%.

Para muita gente, 98% é perfeito, ou "foi o que deu", é sinal de dever cumprido. Mas aquele número me incomodou! Porque faltavam esses 2%?

Fui investigar e o motivo era tecnicamente simples, mas com um impacto gigante na acessibilidade: a hierarquia dos títulos estava incorreta.

Eu tinha um salto do H1 direto para o H3.

Para quem não é da área técnica, deixa eu explicar com uma analogia rápida. Imagina que você está lendo um livro didático. O H1 é o Título do Livro. O H2 seria o Nome do Capítulo. O H3 seria um subtítulo dentro desse capítulo.

O que eu fiz no meu site foi como entregar um livro para você que tem o Título e, logo em seguida, começa a falar da "Seção 1.1", sem nunca te dizer qual é o Capítulo.

Visualmente, quem vê o site percebe que é um texto menor. Mas para quem usa leitores de tela (pessoas cegas ou com baixa visão), essa estrutura forma uma "árvore de navegação". Se a gente pula do 1 para o 3, a pessoa pode ficar confusa, achando que perdeu conteúdo ou que a navegação quebrou. Perdem-se nuances que ajudam a entender o contexto.

Corrigi o código, trocando aquele H3 por um H2 e boa! Simples assim.
Com isso o resultado foi...

Pronto! 100% de acessibilidade no teste automático.

Isso me isenta dos testes manuais? Jamais! O teste automático é o piso, não o teto. Mas ver esse 100% me deixa tranquilo, sabendo que a base técnica está sólida e seguindo as diretrizes internacionais (WCAG).

Eu ouço muito: "Ah, Beto, mas numa página simples é fácil corrigir esses erros. Quero ver num site grande."

Concordo que dá mais trabalho, mas digo mais: a Home Page do meu site, que tem muito mais seções, imagens e complexidade, também está com 100%.

Por que isso acontece? Simples: processo.
A diferença foi o investimento e a boa vontade de implementar acessibilidade desde o início e em cada novo componente.

Durante a construção, eu não deixei para "ver isso depois". Eu checava constantemente coisas como:

• "Este título está na ordem certa?"
• "Esta imagem tem descrição (alt)?"
• "Esta imagem é só decorativa? Então vou esconder ela do leitor de tela para não poluir a audição."
• Isso é um botão ou um link?

Acessibilidade não deve ser um "puxadinho" ou um adendo que a gente coloca no final do projeto. Ela é parte da fundação. Quando fazemos isso, o 100% vem naturalmente, reduz o gasto com retrabalhos e o mais importante: mais pessoas conseguem acessar seu conteúdo com qualidade.

E você, já parou para pensar se a estrutura do seu projeto está "pulando capítulos"?