Kezdőlap › Tudásbázis › WCAG-kritérium

Űrlapcímkézés a WCAG szerint

Minden űrlapmezőnek programozottan hozzárendelt címkével kell rendelkeznie, hogy a képernyőolvasót használók tudják, mit kell megadni, és a címkére kattintás a mezőre fókuszáljon.

A helyes út

<label for="email">E-mail</label><input id="email"> — vagy zárd a mezőt a <label> elembe. aria-label / aria-labelledby csak akkor, ha látható címke nem lehetséges.

Miért nem elég a placeholder

A placeholder beviteléskor eltűnik, gyakran túl alacsony a kontrasztja, és egyes képernyőolvasók nem ismerik fel címkeként.

Hibaüzenetek

Kösd a hibát a mezőhöz (aria-describedby), és fogalmazd a szöveget konkrétan („Adj meg érvényes e-mailt”, ne „Hiba”).

Hogyan segít az a11yglass

Az ingyenes szkennelés a kiszolgált HTML-t és CSS-t vizsgálja automatikusan felismerhető WCAG-sértések szempontjából, és minden megállapításnál megnevezi a sikerkritériumot és egy konkrét intézkedést. A problémák nagyjából 20–35 %-át találja meg, és nem helyettesíti a teljes körű vizsgálatot.

Tovább olvasás

Általános tájékoztatás legjobb tudomás szerint, nem jogi tanács. Az egyedi esethez vonj be egy IT-jogra szakosodott ügyvédi irodát.