Accessibilité (a11y)

9.1Les bonnes pratiques essentielles

• alt : toujours décrire tes images (ou laisse vide si c’est décoratif)
• Utiliser les balises sémantiques (<header>, <nav>…) : ça aide les lecteurs d’écran
• aria-label : ajoute une explication si le sens n’est pas clair (ex. : un bouton juste avec une icône)
• Respecter la hiérarchie des titres : <h1>, puis <h2>, etc.

<img src="plan-evacuation.png" alt="Plan d'évacuation de l'immeuble">

<button aria-label="Ouvrir le menu de navigation">
  ☰
</button>

<h1>Présentation du projet</h1>
<h2>Étape 1 : Fondations</h2>

Pourquoi c’est important ?

L’accessibilité, ce n’est pas un bonus : c’est un pilier. Un site lisible par tous est plus agréable, mieux référencé, et surtout plus inclusif. Et entre nous… tu n’as pas envie d’un bâtiment avec une porte que certains visiteurs ne peuvent pas franchir