/* ========================================================================= Apexa – Akadálymentesítés (WCAG 2.0 AA) + vakbarát / gyengénlátó mód ------------------------------------------------------------------------- Ez a fájl tartalmazza: 1. Általános WCAG-segédosztályokat (skip link, sr-only, fókusz) 2. Az akadálymentes eszköztár (widget) megjelenését 3. A választható megjelenítési módokat (kontraszt, szürkeárnyalat, linkkiemelés, olvasható betűtípus, térköz, animációmentes, nagy kurzor, olvasási segéd) A módok a elemen lévő osztályokkal kapcsolhatók be. ========================================================================= */ /* ------------------------------------------------------------------------- 1. ALAP WCAG SEGÉDOSZTÁLYOK ------------------------------------------------------------------------- */ /* Csak képernyőolvasónak szánt szöveg (WCAG 1.3.1, 2.4.4) */ .sr-only, .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* Tartalomra ugrás link – WCAG 2.4.1 Bypass Blocks */ .skip-link { position: absolute; top: -100px; left: 8px; z-index: 100000; padding: 12px 20px; background: #0e104b; color: #ffffff !important; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 0 0 6px 6px; transition: top 0.2s ease-in-out; } .skip-link:focus { top: 0; outline: 3px solid #ffeb3b; outline-offset: 2px; } /* Látható billentyűzet-fókusz minden interaktív elemen – WCAG 2.4.7 */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible { outline: 3px solid #1056d6 !important; outline-offset: 2px !important; border-radius: 2px; } /* Fallback azoknak a böngészőknek, ahol nincs :focus-visible */ .js-focus-keyboard a:focus, .js-focus-keyboard button:focus, .js-focus-keyboard input:focus, .js-focus-keyboard select:focus, .js-focus-keyboard textarea:focus, .js-focus-keyboard [tabindex]:focus { outline: 3px solid #1056d6 !important; outline-offset: 2px !important; } /* A célként megjelölt fő tartalom ne kapjon zavaró keretet kattintáskor */ #main-content:focus { outline: none; } /* Csökkentett mozgás tisztelete rendszerszinten – WCAG 2.3.3 */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } } /* Korábban
-ként megjelenő, most