Exercício: corrigir 4 problemas de acessibilidade
Uma página com quatro falhas comuns. Encontre e corrija cada uma.
Estudar esta lição interativa →A página no editor tem quatro problemas de acessibilidade: (1) o <html> não tem lang; (2) a imagem não tem alt; (3) a hierarquia de títulos pula do h1 direto para o h3; e (4) o botão "Assinar" é uma <div> com onclick, em vez de um <button> de verdade. Corrija os quatro.
Corrija: um lang de verdade no html, um alt descritivo na imagem (3+ palavras, sem "Imagem de" nem nome de arquivo), a hierarquia de títulos sem pular níveis (um único h1; cada título no máximo um nível abaixo do anterior; "Destaques" continua sendo um título) e a div "clicável" virando um button de verdade que dá para focar pelo teclado.
<html>
<body>
<h1>Boletim Semanal</h1>
<h3>Destaques</h3>
<img src="grafico.png">
<div class="botao-assinar" onclick="assinar()">Assinar</div>
</body>
</html>🧩 Este é um exercício com correção automática — abra no app para completá-lo e verificar.