Tutorijali
Tutorijali: popravljanje WCAG pogrešaka
Konkretni vodiči korak po korak za razvojne inženjere, s pravim kodom prije/poslije. Svaki tutorijal pokazuje tipičnu pogrešku, čist popravak i WCAG kriterij iza njega.
Kako modal učiniti pristupačnim
Upravljanje fokusom, tipka Escape, uloga i naziv: četiri stvari koje pristupačan modal treba, u nekoliko redaka s nativnim <dialog> elementom.
Pročitaj tutorijal→Kako ispravno označiti polja obrasca
Rezervirani tekst (placeholder) nije labela. Evo kako svako polje povezati s pravom labelom te pristupačno označiti obavezna polja i napomene.
Pročitaj tutorijal→Kako popraviti preslab kontrast boja
4.5:1 za normalan tekst, 3:1 za velik tekst i elemente sučelja: WCAG pragovi, kako ih mjeriti i postići s nekoliko CSS izmjena.
Pročitaj tutorijal→Kako izraditi vidljiv indikator fokusa
outline: none čini tvoju stranicu neupotrebljivom za korisnike tipkovnice. Evo kako ga zamijeniti vidljivim prstenom fokusa jakog kontrasta pomoću :focus-visible.
Pročitaj tutorijal→Kako izraditi skip poveznicu
Skip poveznica omogućuje korisnicima tipkovnice da preskoče navigaciju. Evo kako je učiniti vidljivom pri fokusu i osigurati da odredište stvarno dobije fokus.
Pročitaj tutorijal→