<html> doit avoir un attribut de langage

ID de règle: html-has-lang
Ensemble de règles: axe-core 4.13
Impact sur l’utilisateur: Sérieux
Lignes directrices: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester, EN 301 549, RGAA

Éliminez davantage de bugs d'accessibilité avec axe DevTools Pro

Recherchez et corrigez davantage de problèmes avec les tests guidés intelligents™ en répondant à une série de questions simples sur le contenu de votre page. Essai gratuit. Aucune carte de crédit nécessaire.

Compliance Data & Impact

User Impact

Disabilities Affected

  • Aveugle
  • Surdicécité
  • Cognitif

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Trusted Tester
  • EN 301 549
  • RGAA

Critères de réussite WCAG [WCAG 2.1 (A)]

  • 3.1.1: Language of Page

Critères de réussite WCAG [WCAG 2.0 (A)]

  • 3.1.1: Language of Page

Critères de réussite WCAG [WCAG 2.2 (A)]

  • 3.1.1: Language of Page

Directives pour les testeurs de confiance

  • 11.A: The default human language of each web page can be programmatically determined.

    RGAA

    • 8.3.1: A default language is specified.

    Comment résoudre le problème

    Ajoutez un lang attribut à l' html élément (par exemple, <html lang="en">) dont la valeur représente la langue principale du document.

    Assurez-vous d'identifier une langue dans l'élément d'ouverture <html> et d'épeler correctement l'attribut. Par exemple, si la langue principale d’un document est l’anglais, vous pouvez spécifier la langue comme suit :

    <html lang="en">
      <!--document head and body-->
    </html>    
    

    Si vous le souhaitez, vous pouvez même spécifier certains dialectes avec des codes tels que « en-US » pour signifier l'anglais américain ou « fr-CA » pour le français canadien. Vous pouvez trouver une liste de codes de langue et de dialecte sur Internet.

    Si la langue change dans un document, vous pouvez le spécifier comme suit :

    <p>Text in one language <span lang="es">text in another language</span></p>

    Si vous utilisez une langue qui s'écrit de droite à gauche, assurez-vous de le spécifier à l'aide de l'attribut dir  :

    <p lang="ar" dir="rtl">Arabic text here</p>

    Si vous souhaitez spécifier qu'une langue s'écrit de gauche à droite, vous pouvez remplir la valeur de l' dir attribut avec la valeur « ltr ».

    Pourquoi c'est important

    Lors de la configuration d'un lecteur d'écran, les utilisateurs sélectionnent une langue par défaut. Si la langue d'une page Web n'est pas spécifiée, le lecteur d'écran suppose la langue par défaut définie par l'utilisateur. Les paramètres de langue deviennent un problème pour les utilisateurs qui parlent plusieurs langues et accèdent au site Web dans plusieurs langues. Il est essentiel de spécifier une langue et de s'assurer qu'elle est valide afin que le texte du site Web soit prononcé correctement.

    Les lecteurs d'écran utilisent des bibliothèques sonores différentes pour chaque langue, en fonction de la prononciation et des caractéristiques de cette langue. Les lecteurs d'écran peuvent facilement basculer entre ces bibliothèques de langues, mais uniquement si les documents spécifient quelles langues lire et quand. Si la langue n'est pas spécifiée, le lecteur d'écran lit le document dans la langue par défaut de l'utilisateur, ce qui entraîne un accent étrange ! Il est impossible de comprendre quoi que ce soit lorsque les lecteurs d’écran utilisent la mauvaise bibliothèque de langage.

    Description de la règle

    L'élément de document HTML doit contenir un attribut lang valide ou doit correspondre à un code lang valide pour les utilisateurs de lecteurs d'écran multilingues qui peuvent préférer une langue autre que la langue par défaut.

    L'algorithme (en termes simples)

    Garantit que chaque document HTML possède un attribut lang

    Ressources

    Autres ressources

    Vous pouvez également consulter ces autres ressources.

    Reportez-vous à la liste complète des règles d'axe 4.13 .

    Ces informations vous ont-elles été utiles ?

    Vous avez déjà donné votre avis, merci..

    Votre réponse a été la suivante :

    Ces informations vous ont-elles été utiles ?
    Date/heure de soumission des commentaires :