Kostenloser Scan

„Seitensprache nicht angegeben“ in React beheben

Warum das ein Problem ist

Ohne lang am <html> nutzt der Screenreader die falsche Stimme/Aussprache (deutscher Text „englisch“ vorgelesen ist unverständlich).

So beheben Sie es — React

Deklarieren Sie die Hauptsprache am <html>-Tag mit dem richtigen Code (fr, en, es, de…). Markieren Sie anderssprachige Passagen lokal mit lang.

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

RGAA-Kriterium 8.3 — Éléments obligatoires

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

So prüfen Sie: offizielle Tests (auf Französisch)

  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.

Vollständige Seite zu Kriterium 8.3 · Offizieller Text: Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, Licence Ouverte 2.0.

Für ein anderes Framework ansehen

VueAngularSvelteHTML

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.

Kostenloser Scan

Weitere Korrekturen — Éléments obligatoires