/* * Plugin Accessibilité GLPI — Échelle typographique * RGAA 10.4 : L'utilisateur peut agrandir les caractères à 200% sans perte d'information * * Technique : multiplier le font-size de :root par --a11y-font-scale. * Tous les éléments utilisant rem s'adaptent automatiquement. * La variable est modifiée par JS (a11y-init.js) selon les prefs utilisateur. * * Valeurs autorisées : 1.00 | 1.15 | 1.30 | 1.50 */ :root { /* * calc(1rem * var(--a11y-font-scale)) : * À scale=1.00 → 16px (par défaut navigateur) * À scale=1.50 → 24px (150% — RGAA 10.4 exige 200% sans défilement horizontal, * 150% est notre palier max pour éviter les débordements de layout) * Le zoom navigateur (Ctrl++) appliqué en plus permet d'atteindre 200%+. */ font-size: calc(1rem * var(--a11y-font-scale, 1)); } /* * GLPI utilise des unités px pour certains composants Bootstrap/Tabler. * On surcharge les plus impactants pour qu'ils suivent l'échelle. */ :root[style*="--a11y-font-scale"] .form-control, :root[style*="--a11y-font-scale"] .form-select, :root[style*="--a11y-font-scale"] .btn { font-size: inherit; } /* Les inputs type texte héritent du font-size de :root via rem */ :root[style*="--a11y-font-scale"] input[type="text"], :root[style*="--a11y-font-scale"] input[type="email"], :root[style*="--a11y-font-scale"] input[type="password"], :root[style*="--a11y-font-scale"] textarea { font-size: inherit; } /* ── Police OpenDyslexic (SIL OFL 1.1) ─────────────────────────────────── */ @font-face { font-family: 'OpenDyslexic'; src: url('../fonts/OpenDyslexic-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../fonts/OpenDyslexic-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenDyslexic'; src: url('../fonts/OpenDyslexic-Italic.woff2') format('woff2'); font-weight: normal; font-style: italic; font-display: swap; } /* Activation via data-a11y-font="dyslexic" sur */ [data-a11y-font="dyslexic"], [data-a11y-font="dyslexic"] * { font-family: OpenDyslexic, Arial, sans-serif !important; }