Veebilehe ligipääsetavus: praktiline juhend
Ligipääsetavus ei ole lisafunktsioon puudega inimestele. See on baaskvaliteet, millest võidavad kõik: klaviatuurikasutajad, halva ühendusega inimesed, päikese käes telefoni vaatajad ja ekraanilugeja kasutajad.
See juhend katab, mida ligipääsetavus päriselt nõuab, mida saad ise kontrollida ja millised vead korduvad kõige sagedamini.
Mida see praktikas tähendab#
Standard on WCAG ja praktiline sihtmärk on tase AA. Selle taga on üsna konkreetne nimekiri.
- Kogu funktsionaalsus toimib klaviatuuriga ja fookus on selgelt nähtav.
- Teksti kontrast on vähemalt 4,5:1, suurel tekstil 3:1.
- Iga sisuline pilt on alt-tekstiga; dekoratiivne pilt on tühja alt-atribuudiga.
- Vormiväljadel on päris sildid, mitte ainult kohatäitetekst.
- Veateated selgitavad, mis on valesti, ja on seotud õige väljaga.
- Pealkirjad on hierarhias ja neid ei kasutata suuruse pärast.
- Video on subtiitritega, heli on transkriptsiooniga.
- Leht töötab 200 protsendi suurenduse juures ilma sisu kadumiseta.
- Värv ei ole ainus infokandja.
Klaviatuurinavigatsioon ja nähtav fookus katavad üksi väga suure osa päris probleemidest. Alusta sealt.
Mida saad ise kontrollida#
Suure osa vigadest leiab kolme minutiga ilma eritööriistadeta.
- Pane hiir kõrvale ja liigu tabuleerimisklahviga läbi kogu lehe.
- Kontrolli, et näed alati, kus fookus on, ja et järjekord on loogiline.
- Suumi 200 protsendini ja vaata, kas midagi kaob või kattub.
- Käivita automaattest — see leiab kontrasti ja puuduvad sildid.
- Loe leht läbi ainult pealkirju vaadates: kas struktuur on mõistetav?
- Täida vorm valesti ja vaata, kas veateade on kasulik.
- Kuula üks leht ekraanilugejaga läbi. See on kõige õpetlikum viis.
Automaattestid leiavad umbes kolmandiku probleemidest. Ülejäänu nõuab klaviatuuri ja tervet mõistust, mitte spetsialisti.
Levinumad vead#
Need korduvad peaaegu igal lehel ja neid on kõiki lihtne vältida.
| Viga | Tagajärg | Parandus |
|---|---|---|
| Fookuse äravõtmine CSS-iga | Klaviatuurikasutaja on eksinud | Kujunda fookus, ära peida |
| Kohatäitetekst sildi asemel | Silt kaob sisestamisel | Päris silt igal väljal |
| Hele hall tekst | Loetamatu paljudele | Kontrolli kontrasti |
| «Loe siit» lingitekst | Kontekstita ekraanilugejas | Kirjeldav lingitekst |
| Div nupuna | Ei tööta klaviatuuriga | Kasuta button-elementi |
| Alt-tekst puudub | Pilt on nähtamatu | Kirjelda sisu, mitte faili |
| Ainult värviga eristamine | Värvipimedale nähtamatu | Lisa ikoon või tekst |
Kes peab nõudeid täitma#
Juriidiline pool sõltub tegevusalast ja turust, kuid suund on ühene.
- Avalik sektor Euroopa Liidus peab täitma ligipääsetavusdirektiivi nõudeid.
- Ligipääsetavuse akt laiendab nõudeid paljudele erasektori teenustele, sealhulgas e-kaubandusele.
- Nõutav tase on praktikas WCAG 2.1 või 2.2 tase AA.
- Nõuded kehtivad ka mobiilirakendustele ja dokumentidele, mitte ainult veebilehele.
- Ligipääsetavuse teatis on avalikus sektoris kohustuslik.
- Isegi kui nõue sind ei puuduta, on tegemist kvaliteedistandardiga, mida enamik hankeid küsib.
- Planeeri see algusest; tagantjärele lisamine maksab oluliselt rohkem.
Korduma kippuvad küsimused
Kas ligipääsetavus teeb lehe koledaks?
Ei. Kontrastinõuded ja nähtav fookus piiravad mõningaid valikuid, kuid neid saab kujundada. Enamik ligipääsetavusest on struktuur ja käitumine — pealkirjade hierarhia, sildid, klaviatuur — mis on visuaalselt nähtamatud. Kole tulemus tähendab tavaliselt, et see lisati tagantjärele, mitte et nõuded oleks piiravad.
Kas ligipääsetavuse tööriistariba lahendab probleemi?
Ei. Ülekattelised tööriistad, mis lubavad lehe automaatselt ligipääsetavaks teha, ei paranda alusprobleeme ja segavad sageli päris abitehnoloogiat. Ligipääsetavus tuleb ehitada lehe struktuuri. Tööriistaribad annavad vale kindlustunde ja on kohtupraktikas korduvalt ebapiisavaks osutunud.
Kui palju ligipääsetavus maksab?
Algusest planeerituna vähe — see on peamiselt õigete elementide kasutamine ja kontrasti kontrollimine. Tagantjärele parandamine olemasoleval lehel maksab oluliselt rohkem, sest see puudutab kujundust, malle ja sisu korraga. Sellepärast tuleb see nõudesse kirja panna, mitte hiljem soovina esitada.
Kust alustada olemasoleva lehega?
Klaviatuurist ja kontrastist. Käi leht tabuleerimisklahviga läbi ja paranda fookuse nähtavus ning järjekord; seejärel kontrolli kontrasti automaattestiga. Need kaks katavad suure osa päris kasutajate probleemidest ja on odavaimad parandada. Alles siis mine sügavamale.
veebilehe ligipääsetavuswcag aaligipääsetavuse nõudedklaviatuurinavigatsioonalt tekstkontrastinõuded
