This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Zakaj ne bi smeli nikoli skriti osredotočenega elementa?
Kdor gre skozi stran s tipkovnico, mora videti, kje je fokus. Lepljive glave, pasice za piškotke in okna za klepet nad vsebino; Fokus pristane spodaj in je neviden. Raven AA (2.4.11, nova v WCAG 2.2) zahteva, da osredotočeni element ostane vsaj delno viden. Merilo ravni AAA 2.4.12 zahteva: popolnoma vidno, brez zakritih slikovnih pik.
Kaj zahteva merilo
Ko element prejme fokus tipkovnice, noben del ni za nobeno drugo vsebino, ki jo je avtor ustvaril: ni lepljive glave ali stopala, ni pasice za piškotke, ni gumba za klepet, ni referenčnega okna. Med spreminjanjem fokusa se brskalnik premakne le tako daleč, da element vstopi v vidno območje; Ničesar ne ve o tistih, ki so nad njim. Stran mora zato zagotoviti, da je med drsenjem prostor pod lepilnim trakom čist.
Izvajanje
Nameščanje lastnosti CSS na vsebniku za zvitke si pridržuje toliko prostora, kolikor so lepilni trakovi visoki; brskalnik nato pod šablono premakne osredotočene elemente. Okna, ki ležijo nad stranjo, zajamejo fokus (fokus ostane v oknu) ali zaprejo, ko fokus vstopi v stran. Klepetajoči gumb v kotu ostane majhen ali pa se premakne stran, ko se osredotoči na element spodaj.
Tako se soočamo s tem
Meritev poteka skozi stran s tipko za zavihek, meri vidni delež za vsak osredotočen element in se primerja z lepilnimi elementi; Delno vidno za raven AA, popolnoma vidno za AAA. Enaka meritev zagotavlja obe vrednosti. Merilo spada v kategorijo AAA glede na znanje; poročilo vsebuje skriti delež na referenčno točko.
Primeri
Usmerjeno polje pol pod gumbom za klepet
.chat { position: fixed; right: 0; bottom: 0; width: 320px; height: 120px; }
/* das letzte Formularfeld liegt zur Hälfte darunter */.chat { position: fixed; right: 16px; bottom: 16px; width: 56px; height: 56px; }
html { scroll-padding-bottom: 88px; }Na ravni AA mora biti del osredotočenega elementa zakrit, na AAA pa ni pikslov.
- Nastavite drsne sponke zgoraj in spodaj na višino lepilnih dimlja.
- Dovoli, da se fokus zajame, dokler se ne zaprejo.
- Pojdi skozi vsako predlogo s tipko zavihka in opazuj okvir fokusa; Nikamor ne sme izginiti.
- Plavajoči gumbi (klepet, gor) naj bodo majhni in na razdalji od roba.
