billisdead
55629a8f22
Apply a11y classes (dark, dyslexia, high-contrast, large-text) from localStorage synchronously before any paint, eliminating the visible flash on initial load. Also fix lang="en" → lang="fr". The useEffect in AccessibilityProvider continues to handle subsequent toggles — the inline script only covers the initial page load. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
33 lines
1.4 KiB
HTML
33 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
|
|
<title>La Voix du Peuple</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<!-- Script bloquant : applique les classes d'accessibilité avant le premier paint
|
|
pour éviter le flash (FOUC) lors du chargement depuis localStorage. -->
|
|
<script>
|
|
(function () {
|
|
var d = document.documentElement;
|
|
try {
|
|
var dark = localStorage.getItem('a11y-dark');
|
|
if (dark === 'true' || (dark === null && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
d.classList.add('dark');
|
|
}
|
|
if (localStorage.getItem('a11y-dyslexia') === 'true') d.classList.add('dyslexia');
|
|
if (localStorage.getItem('a11y-contrast') === 'true') d.classList.add('high-contrast');
|
|
if (localStorage.getItem('a11y-large') === 'true') d.classList.add('large-text');
|
|
} catch (e) {}
|
|
})();
|
|
</script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|