Nouveau Components
Éléments requis
Éléments essentiels pour une structure HTML valide et un contenu accessible
Doctype
Pourquoi
La déclaration du Doctype informe le navigateur web sur la version de HTML utilisée dans le document. Cela garantit que le navigateur affiche la page en mode standard, ce qui permet un rendu plus cohérent et prévisible à travers différents navigateurs.
Un doctype valide est crucial pour l’accessibilité, car les technologies d'assistance dépendent de l'interprétation correcte du HTML pour transmettre les informations de manière précise aux utilisateurs.
N.B. : Lorsqu'un doctype XHTML est déclaré, il est important de noter que ce type de doctype suit une syntaxe plus stricte et précise, basée sur XML. Par conséquent, certains éléments spécifiques à HTML5, tels que <header>, <main>, <nav>, <footer> et <aside>, ne sont pas utilisés dans le code XHTML.
<!DOCTYPE html>Comportement des lecteurs d'écran
Les lecteurs d’écran n’annoncent généralement pas le doctype. Toutefois, un doctype correct influence indirectement leur fonctionnement en garantissant un rendu HTML conforme, ce qui impacte la manière dont le contenu est interprété et restitué.
Langue (attribut lang)
Pourquoi
L'attribut lang dans la balise <html> spécifie la langue principale du contenu de la page. Cette information est essentielle pour les technologies d'assistance, comme les lecteurs d'écran, afin de traiter et de présenter correctement le contenu.
Où
L'attribut lang est inclus dans la balise d'ouverture <html>.
Par exemple, pour une page en français:
<html lang="fr">Comportement des lecteurs d'écran
- Les lecteurs d'écran utilisent l'attribut lang pour sélectionner la voix appropriée pour la synthèse vocale.
- Ils appliquent les règles de prononciation et de grammaire spécifiques à la langue.
- Ils utilisent les dictionnaires et les fonctionnalités liées à la langue.
- Sans l'attribut lang, un lecteur d'écran risque de mal prononcer des mots ou d'appliquer des règles grammaticales incorrectes, ce qui nuirait à la compréhension du contenu.
Code source (structure HTML)
Pourquoi
La structure HTML fournit la base sémantique du contenu web. Les technologies d'assistance dépendent largement de cette structure pour comprendre les relations entre les différents éléments de la page.
Où
La structure HTML englobe l'intégralité du document, de la balise d'ouverture <html> à la balise de fermeture </html>. Elle inclut l'utilisation appropriée des titres, des listes, des paragraphes, des tableaux et d'autres éléments sémantiques.
Comportement des lecteurs d'écran
- Les lecteurs d'écran naviguent à travers les titres, les listes, les tableaux et les repères pour fournir aux utilisateurs un aperçu de la structure de la page.
- Ils annoncent les éléments en fonction de leurs rôles sémantiques (par exemple, "titre niveau 1", "liste avec 3 éléments").
- Un document HTML bien structuré permet aux utilisateurs de lecteurs d'écran de naviguer efficacement et de comprendre la hiérarchie du contenu.
- Des erreurs dans le code HTML peuvent perturber l'ordre de lecture ou rendre le contenu inaccessible.
Titre de la page (balise <title>)
Pourquoi
Le titre de la page fournit une description concise et précise du contenu du site et de la page. C'est la première information que les utilisateurs rencontrent, et il est crucial à la fois pour le référencement (SEO) et pour l'accessibilité.
Où
Le titre est placé dans la section <head> du document HTML, entre les balises <title>.
Comportement des lecteurs d'écran
- Les lecteurs d'écran indiquent généralement le titre de la page dès que celle-ci est chargée.
- Cela définit le contexte du contenu et aide les utilisateurs à comprendre de quoi traite la page.
- Un titre clair et descriptif est essentiel pour les utilisateurs de lecteurs d'écran, car il leur permet de s'orienter, de déterminer si la page correspond à leurs besoins et de comprendre rapidement le sujet abordé. En choisissant un titre approprié, vous facilitez la navigation et l'identification de la page dans les résultats de recherche.
- Pour un titre optimal, il est recommandé de combiner deux éléments : le nom du site et le nom de la page, afin de fournir une identification claire et une meilleure compréhension du contenu proposé.
<title>Nom de la page | Nom du site</title>