En-tête
L’en-tête est un élément de navigation permettant aux usagers d’identifier sur quel site ils se trouvent et de leur donner un accès simplifié au moteur de recherche et à certaines pages ou fonctionnalités clés du site.
Le composant En-tête est conçu pour être accessible et respecter les critères du RGAA. Voici les points clés à prendre en compte pour en garantir l’accessibilité.
Interactions clavier
Il n'y a aucune interaction spécifique au composant En-tête.
Les interactions clavier sont celles des composants qui la compose :
- voir Bloc marque .
- voir Lien .
- voir Bouton .
- voir Barre de recherche .
- voir Navigation principale .
- voir Modale .
- voir Sélecteur de langue .
- voir Paramètres d’affichage .
Règles d’accessibilité
Les règles d’accessibilité du composant d'en-tête découlent de celles des composants qui la compose (cf liste ci-dessus).
-
L'élément
<header>doit posséder lerole=banner. - Le lien vers l’accueil du site est placé sur le nom du site (qu’il soit dans le bloc-marque, le nom du site et sa baseline ou le logo).
-
Le title du lien doit contenir le terme Accueil, suivi du nom du
site (ex:
title="Accueil - [À MODIFIER | Nom du site / service]”). - Si l'en-tête est complexe et que le bloc marque n’est pas "République Française", mais une autre entité, cette dernière doit également être ajoutée (voir les exemples du Bloc marque ).
Contrastes de couleurs
L’entête est suffisamment contrasté en thème clair et en thème sombre.
Restitution par les lecteurs d’écran
Aucun test de restitution n’est nécessaire pour le composant En-tête.
Critères RGAA applicables
- Images : 1.1, 1.2, 1.3
- Couleurs : 3.2, 3.3
- Liens : 6.1, 6.2
- Scripts : 7.1, 7.3
- Éléments obligatoires : 8.9
- Structuration : 9.1, 9.2, 9.3
- Présentation de l’information : 10.1, 10.2, 10.3, 10.4, 10.5, 10.7, 10.8, 10.11, 10.12
- Formulaires : 11.1, 11.2, 11.9
- Navigation : 12.1, 12.2, 12.5, 12.6, 12.8, 12.9
- Consultation : 13.9, 13.11