This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Miért ne rejthetné el egy rögzített fejtámla teljesen a billentyűzetet?
A rögzített fejtámla, a cookie tipp vagy a tapadó lábszár soha nem takarhatja el teljesen a jelenleg fókuszált elemet, különben a billentyűzet használói már nem látják, hogy hol állnak. A 2.4.11. kritériumot a WCAG 2.2-vel egészítették ki: Amikor a fókuszt az oldalon keresztül mozgatják, az aktív elemnek legalább részben láthatónak kell maradnia - még akkor is, ha az oldal részei guruláskor lebegnek a tartalom felett.
Hogyan ragasztó szalagok lenyelni a fókusz
Sok weboldal javít elemeket a képernyőn: a menü a tetején, a cookie tipp az alján, talán egy hírlevél banner között. Ezek a rétegek lebegnek a tartalom felett. Ha a billentyűzet fókusz most mozog az oldalon, az aktív elem lehet közvetlenül mögött egy bár - a fókusz keret van, de senki nem látja. A billentyűzethasználók számára ez olyan érzés, mintha a fókusz eltűnt volna: folytatják a pakolást, és nem tudják, melyik gombot nyomják meg az Enter gombra. Különösen alattomos a magas cookie-tippek alján, amelyek mögött a teljes vonalak formák eltűnhetnek, amikor átvillan.
Így méri fel az ellenőrző szolgálat a fókuszt
A valódi billentyűzet-átjáró során az ellenőrző szolgáltatás az aktív elem több pontját ellenőrzi minden egyes fókuszmegállónál: ha az elem felett minden ponton átlátszatlan, rögzített vagy ragasztófelület van, akkor az teljesen elhomályosultnak tekinthető - a kritérium megsérül, és a jelentés az elemet a dokumentumképernyős képpel együtt nevezi meg. A mérés szándékosan gondosan ítélkezik: azok az elemek, amelyek maguk is egy rögzített rúd részét képezik, soha nem tekinthetők mögé rejtettnek, és az átlátszó burkolatok nem számítanak akadálynak. Ha az elem minden megállónál legalább részben látható marad, a kritériumot teljesítettnek kell tekinteni.
Példák
Fókuszálj a ragasztófej mögé
header { position: sticky; top: 0; height: 80px; }
/* Tab scrollt das Element unter den Header */header { position: sticky; top: 0; height: 80px; }
html { scroll-padding-top: 88px; }a görgetőpárnázás tisztán tartja a területet a fejléc alatt, amikor a fókuszt változtatja. A Cookie-bannerek rögzítik a fókuszt, amíg be nem zárják őket.
- Lapozz át az oldaladon és nézd meg a képernyő alját - a fókusz átmenetileg eltűnik a sütis hirdetés mögött?
- A rögzített rudak a lehető legkeskenyebbek legyenek, különösen a kis képernyőkön.
- Kérje meg az ügynökségét, hogy tervezzen gördülési távolságot fókuszálás közben, hogy az aktív elem soha ne landoljon rögzített rudak alatt.
- Teszt egy látható cookie tipp - ez az, ahol az első alkalommal látogatók megtapasztalják az oldalt.
