Kezdőlap › Tudásbázis › WCAG-kritérium

Látható fókusz a WCAG 2.4.7 szerint

Aki billentyűzettel navigál, annak bármikor látnia kell, melyik elemen van a fókusz. Egy pótlás nélküli outline: none sérti a 2.4.7 kritériumot.

Gyakori hibák

*:focus { outline: none } a reset CSS-ben pótlás nélkül, túl alacsony kontrasztú fókuszstílus, vagy egy fókuszgyűrű, amelyet a szomszédos elem eltakar.

Így csinálod helyesen

Használd a :focus-visible-t (csak billentyűzethasználatnál mutatja a gyűrűt), min. 2 px, jól látható kontraszt, kis távolság (outline-offset). A gyűrű maradhat látható, ha zavar is — csak hiányoznia nem szabad.

Hogyan segít az a11yglass

Az ingyenes szkennelés a kiszolgált HTML-t és CSS-t vizsgálja automatikusan felismerhető WCAG-sértések szempontjából, és minden megállapításnál megnevezi a sikerkritériumot és egy konkrét intézkedést. A problémák nagyjából 20–35 %-át találja meg, és nem helyettesíti a teljes körű vizsgálatot.

Tovább olvasás

• Billentyűzetes kezelés a WCAG 2.1.1 szerint
• Színkontraszt a WCAG 1.4.3 szerint

Általános tájékoztatás legjobb tudomás szerint, nem jogi tanács. Az egyedi esethez vonj be egy IT-jogra szakosodott ügyvédi irodát.