<html> El elemento debe tener un atributo lang

ID de la regla: html-has-lang
Conjunto de reglas: axe-core 4.13
Impacto en el usuario: Grave
Directrices: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester, EN 301 549, RGAA

Solucione más errores de accesibilidad con axe DevTools Pro

Encuentre y solucione más problemas con Intelligent Guided Tests™ respondiendo una serie de preguntas simples sobre el contenido de su página. Prueba gratuita. No se necesita tarjeta de crédito.

Compliance Data & Impact

User Impact

Disabilities Affected

  • Persona ciega
  • Sordociegos
  • Cognitivo

Standard(s)

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

Criterios de Éxito WCAG [WCAG 2.1 (A)]

  • 3.1.1: Language of Page

Criterios de Éxito WCAG [WCAG 2.0 (A)]

  • 3.1.1: Language of Page

Criterios de Éxito WCAG [WCAG 2.2 (A)]

  • 3.1.1: Language of Page

Directrices para probadores de confianza

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

    RGAA

    • 8.3.1: A default language is specified.

    Cómo solucionar el problema

    Agregue un atributo lang al elemento html (por ejemplo, <html lang="en">) cuyo valor represente el idioma principal del documento.

    Asegúrese de identificar un idioma en el elemento de apertura <html> y de escribir el atributo correctamente. Por ejemplo, si el idioma principal de un documento es inglés, puede especificar el idioma de la siguiente manera:

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

    Si lo desea, puede incluso especificar algunos dialectos con códigos como "en-US" para indicar inglés americano o "fr-CA" para francés canadiense. Puede encontrar una lista de códigos de idiomas y dialectos en Internet.

    Si el idioma cambia dentro de un documento, puede especificarlo de la siguiente manera:

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

    Si está utilizando un idioma que se escribe de derecha a izquierda, asegúrese de especificarlo mediante el atributo dir :

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

    Si desea especificar que un idioma se escribe de izquierda a derecha, puede completar el valor del dir atributo con el valor "ltr".

    Por qué es importante

    Al configurar un lector de pantalla, los usuarios seleccionan un idioma predeterminado. Si no se especifica el idioma de una página web, el lector de pantalla asume el idioma predeterminado establecido por el usuario. La configuración del idioma se convierte en un problema para los usuarios que hablan varios idiomas y acceden al sitio web en más de un idioma. Es esencial especificar un idioma y asegurarse de que sea válido para que el texto del sitio web se pronuncie correctamente.

    Los lectores de pantalla utilizan diferentes bibliotecas de sonidos para cada idioma, según la pronunciación y las características de ese idioma. Los lectores de pantalla pueden cambiar fácilmente entre estas bibliotecas de idiomas, pero solo si los documentos especifican qué idiomas leer y cuándo. Si no se especifica el idioma, el lector de pantalla lee el documento en el idioma predeterminado del usuario, lo que genera un acento extraño. Es imposible entender algo cuando los lectores de pantalla utilizan la biblioteca de idiomas incorrecta.

    Descripción de la regla

    El elemento del documento HTML debe contener un atributo lang válido o debe corresponder a un código lang válido para los usuarios de lectores de pantalla multilingües que puedan preferir un idioma distinto del predeterminado.

    El algoritmo (en términos simples)

    Asegura que cada documento HTML tenga un lang atributo

    Recursos

    Otros recursos

    Quizás también quieras consultar estos otros recursos.

    Consulte la lista completa de reglas de axe 4.13 .

    ¿Le ha sido útil esta información?

    Ya has dado tu opinión, gracias..

    Su respuesta fue la siguiente:

    ¿Le ha sido útil esta información?
    Fecha y hora en que se enviaron los comentarios: