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.
// app/layout.tsx (Next.js)
<html>
<body>{children}</body>
</html>// 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)
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
langet/ouxml:lang) est donnée pour l’élémenthtml;L’indication de la langue de la page (attribut
langet/ouxml: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
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