Pradžia › Žinių bazė › WCAG kriterijus

Formų etikečių žymėjimas pagal WCAG

Kiekvienas formos laukas turi turėti programiškai susietą etiketę, kad ekrano skaityklių naudotojai žinotų, ką įvesti, ir kad spustelėjus etiketę fokusas pereitų į lauką.

Teisingas kelias

<label for="email">El. paštas</label><input id="email"> — arba įtrauk lauką į <label>. aria-label / aria-labelledby tik tada, kai matoma etiketė neįmanoma.

Kodėl placeholder nepakanka

Placeholder dingsta įvedant, dažnai turi per mažą kontrastą ir kai kurios ekrano skaityklės jo neatpažįsta kaip etiketės.

Klaidų pranešimai

Susiek klaidą su lauku (aria-describedby) ir suformuluok tekstą konkrečiai („Įvesk galiojantį el. paštą”, ne „Klaida”).

Kaip a11yglass padeda

Nemokamas skenavimas tikrina pateiktą HTML ir CSS dėl automatiškai atpažįstamų WCAG pažeidimų ir kiekvienam radiniui nurodo sėkmės kriterijų bei konkrečią priemonę. Randa maždaug 20–35 % problemų ir nepakeičia išsamaus vertinimo.

Skaityti toliau

• Alt tekstai pagal WCAG 1.1.1
• Valdymas klaviatūra pagal WCAG 2.1.1
• Matomas fokusas pagal WCAG 2.4.7

Bendra informacija pagal geriausią supratimą, ne teisinė konsultacija. Konkrečiu atveju kreipkis į IT teisėje besispecializuojančią advokatų kontorą.