Bonnes pratiques d'accessibilité

Ce guide présente les critères les plus courants avec des explications simples, des méthodes de test et des exemples de code pour vous aider à réussir votre développement et votre mise en conformité 2025.

Critère 9.2

Structure du document

La structure du document HTML doit utiliser les balises sémantiques appropriées (header, nav, main, footer) pour faciliter la navigation.

Solution technique

Utilisez les balises sémantiques HTML5

Règles importantes

  • Un seul <main> visible par page (voir note SPA ci-dessous)
  • Un <header> enfant direct de <body> pour la zone d'en-tête principale
  • Utilisez <h1> comme titre principal
  • Étiquetez les <nav> multiples avec aria-label

Critère 1.1

Images porteuses d'information

Chaque image porteuse d'information doit avoir une alternative textuelle pertinente. Vérifiez les attributs alt de vos balises img, area et input type image.

Solution technique

Les boutons de type image doivent avoir un attribut alt décrivant la fonction du bouton.