- Accueil
- > Recueil
- > Quelques notes sur les thématiques du RGAA
- > Éléments obligatoires
Éléments obligatoires
31 janvier 2023- 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 >
validelang
et/ouxml:lang
dir
Obligatoire si changement de sens de lecture par rapport au reste des pages (rtl
oultr
)- 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
ourtl
; ltr
implicite, peut être omise sur l’élémenthtml
.
<span lang="ar" dir="rtl">
شكرا جزيلا
</span>