Escaneo gratis

Corregir «Idioma de la página no declarado» en React

Por qué es un problema

Sin lang en <html>, el lector de pantalla usa la voz/pronunciación equivocada (un texto en español leído «en inglés» es incomprensible).

Cómo corregirlo — React

Declare el idioma principal en la etiqueta <html> con el código correcto (fr, en, es, de…). Marque los fragmentos en otro idioma con lang local.

Evitar
// app/layout.tsx (Next.js)
<html>
  <body>{children}</body>
</html>
Correcto
// app/layout.tsx (Next.js)
<html lang="fr">
  <body>{children}</body>
</html>

Criterio RGAA 8.3 — Éléments obligatoires

Dans chaque page web, la langue par défaut est-elle présente ?

Cómo verificarlo: pruebas oficiales (en francés)

  1. Test 8.3.1

    Pour chaque page web, l’indication de langue par défaut vérifie-t-elle une de ces conditions ?

    L’indication de la langue de la page (attribut lang et/ou xml:lang) est donnée pour l’élément html ;

    L’indication de la langue de la page (attribut lang et/ou xml:lang) est donnée sur chaque élément de texte ou sur l’un des éléments parents.

Ficha completa del criterio 8.3 · Texto oficial: Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, Licence Ouverte 2.0.

Ver para otro framework

VueAngularSvelteHTML

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.

Escaneo gratis

Otras correcciones — Éléments obligatoires