Aperçu du cap

Pour ceux qui ne sont peut-être pas familiers avec les niveaux de cap, voici un aperçu rapide. Les titres de votre page Web auront des balises d'en-tête () pour indiquer leur niveau d'importance. Les développeurs Web utilisent des balises pour les titres de page afin de structurer le contenu de la page. Les balises sont non seulement utilisées pour la structure des pages Web, mais elles sont importantes pour l'optimisation des moteurs de recherche (SEO) afin que les moteurs de recherche, comme Google, puissent déterminer rapidement et facilement si votre contenu est pertinent pour la recherche d'un utilisateur.

Les balises d'en-tête sont généralement appliquées en fonction du niveau d'importance,

étant votre titre principal, et les autres titres tombant dans l'ordre séquentiel de

à

en fonction du contenu de la page. Chacune de ces balises est livrée avec un style «prêt à l'emploi» qui détermine la taille de la police et le poids du titre. Par exemple, un H1 appliqué au titre principal aura la plus grande taille de police et le poids le plus lourd, tandis qu'un H6 aura la plus petite taille de police et le poids le plus léger.

Importance des titres

Bien que les niveaux de titres soient importants pour structurer visuellement votre page, ils sont extrêmement importants pour l'accessibilité. Lorsqu'un utilisateur visuel rencontre une page Web, il peut rapidement numériser et déchiffrer la structure de la page en fonction de la taille et du poids des en-têtes, déterminant rapidement la hiérarchie des informations fournies. De la même manière qu'un utilisateur scanne la page visuellement, un utilisateur de technologie d'assistance naviguera dans la page en utilisant les niveaux de titre pour déterminer l'importance des sujets.

Les utilisateurs de lecteurs d'écran, par exemple, utiliseront la touche «H» de leur clavier pour parcourez les niveaux de titre pour avoir une idée du contenu de la page et trouver les informations recherchées. Compte tenu de cela, les utilisateurs de technologies d'assistance s'appuient sur une structure d'en-tête correcte pour s'assurer de naviguer dans la page de la même manière qu'un utilisateur visuel.

Souvent, les développeurs et concepteurs Web utilisent le style «prêt à l'emploi» des en-têtes pour obtenir un aspect spécifique des en-têtes de page sans tenir compte des répercussions négatives sur l'accessibilité. Malheureusement, cela est plus courant qu'autrement. Les en-têtes seront structurés dans le désordre avec les H1 suivis de H4 par exemple, simplement pour obtenir le style visuel souhaité pour l'en-tête.

L'utilisation de certaines balises pour styliser les titres de pages Web met les utilisateurs de technologies d'assistance dans un grand désavantage visuel. utilisateurs car il devient très difficile de comprendre la structure et le contenu des pages Web. Cela peut conduire les utilisateurs de technologies d'assistance à devenir tellement frustrés qu'ils quittent complètement votre page. Pour garder une longueur d'avance sur les en-têtes, utilisez toujours les niveaux de titre dans une séquence hiérarchique – par exemple, assurez-vous qu'un H1 ne vient pas après un H2, qu'un H2 n'est pas suivi d'un H5, et ainsi de suite. De plus, pour obtenir l'aspect visuel souhaité des en-têtes, utilisez toujours CSS plutôt que d'utiliser le style de balise HTML . Cela vous aidera à vous assurer que les informations de votre site sont accessibles et inclusives pour tous les utilisateurs.

À propos de l'auteur

Christina fait partie de l'unité commerciale de Detroit et travaille en tant que testeur d'assurance qualité au sein de l'équipe d'accessibilité.

En savoir plus Auteur