• Accueil
•   >  Recueil
•   >  Quelques notes sur les thématiques du RGAA
•   >  Éléments obligatoires

Éléments obligatoires

RGAA : Éléments obligatoires

• Respect des standard
• Respect de la sémantique
• Titre de pages
• Changements de langue
• Changements de sens de lecture

Respect des standard

Le code doit être valide selon le HTML Checker du w3C

• <!DOCTYPE > valide
• lang et/ou xml:lang
• dirObligatoire si changement de sens de lecture par rapport au reste des pages (rtl ou ltr)
• Imbrication des balises
• Ouverture et fermeture des balises & attributs
• Valeurs d’attribut id sont uniques dans la page
• Attributs pas doublés sur un même élément.
• Attributs et éléments obsolètes autorisés (mais à tester sur la base de référence)

Respect de la sémantique

Utiliser les balises pour leur rôle prévu par la spécification

• Pas de <div> pour les paragraphes
• Pas de balise de titre <hX> pour des légendes d'image
• Pas de paragraphe vide pour faire des espace
• <p>a utilisé quand il y a un verbe

Titre de pages (<title>)

Obligatoire, pertinent et de préférence unique dans le site

• Unique
• Résultat de recherche : doit contenir les mots saisis
• Ajouter les erreur de formulaire (facultatif, mais conseillé)
• Ajouter la pagination si il y en une
• Tag (facultatif, mais conseillé)

Sans rechargement de page :
Simuler le rechargement de la page en changeant le <title>, avec les nouvelles informations en synchro avec la page puis déplacer le focus sur le début de la page
Article pour en savoir davantage :Comment gérer le rechargement de page dans les « Single Page Applications » ?

Changements de langue

• Nom propre, lieu, marque, personne : on ne change pas la langue
• Les mots francisés, exemple «newsletter» «barbecue», «email» : faire un test avec le lecteur d'écran
  • «e-mail»,c'est bon, mais dans «email» sans le tiret deviens «émail»

En cas de changement de langue, ajouter l'attribut lang sur l’élément ou un parent.

<p>Des contenus vidéos sur le Web
    (<span lang="en">on</span>
    et <span lang="en">offline</span>).
</p>

Changements de sens de lecture

• dir sur l’élément lui-même ou un parent ;
• Deux valeurs : ltr ou rtl ;
• ltr implicite, peut être omise sur l’élément html.

<span lang="ar" dir="rtl">
    شكرا جزيلا
</span>