Начало › База знания › Критерий по WCAG

Етикетиране на формуляри по WCAG

Всяко поле на формуляр трябва да има програмно свързан етикет, за да знаят потребителите на екранни четци какво да въведат и за да фокусира кликването върху етикета полето.

Правилният път

<label for="email">Имейл</label><input id="email"> — или включи полето в <label>. aria-label / aria-labelledby само когато видим етикет не е възможен.

Защо placeholder не е достатъчен

Placeholder изчезва при въвеждане, често има твърде нисък контраст и не се разпознава като етикет от някои екранни четци.

Съобщения за грешка

Свържи грешката с полето (aria-describedby) и формулирай текста конкретно („Въведи валиден имейл”, не „Грешка”).

Как помага a11yglass

Безплатното сканиране проверява доставения HTML и CSS за автоматично разпознаваеми нарушения на WCAG и за всяка констатация посочва критерия за успех и конкретна мярка. Открива приблизително 20–35 % от проблемите и не замества пълна оценка.

Чети нататък

• Алтернативни текстове по WCAG 1.1.1
• Работа с клавиатура по WCAG 2.1.1
• Видим фокус по WCAG 2.4.7

Обща информация по най-добро знание, не правна консултация. За конкретния случай се обърни към адвокатска кантора, специализирана в ИТ право.