Accessibilité et bonnes pratiques HTML — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — Texte alternatif

Pourquoi l'attribut alt est-il crucial pour les images ?

Voir le corrigé

<!-- Il décrit l'image pour les lecteurs d'écran et si l'image ne charge pas. -->
<img src="img.jpg" alt="Description précise">

Associe correctement un label à son champ input (via id/for).

Voir le corrigé

<label for="email">Votre email :</label>
<input type="email" id="email" name="email">

Comment signaler qu'un div fonctionne comme un bouton ?

Voir le corrigé

<div role="button" tabindex="0">Cliquez</div>

Peut-on sauter du h2 au h4 ?

Voir le corrigé

<!-- Non, il faut respecter l'ordre hiérarchique pour la navigation. -->
<h2>Titre 2</h2>
<h3>Titre 3</h3>

Pourquoi éviter 'Cliquez ici' comme texte de lien ?

Voir le corrigé

<!-- Le lien doit décrire sa destination pour être compréhensible hors contexte. -->
<a href="contact.html">Contactez-nous</a>