WCAG 4.1.2 · Level A

Dapat may label ang mga form element

May mga form field na walang label, kaya hindi alam ng mga gumagamit ng screen reader kung ano ang ilalagay.

Ano ang sinusuri ng patakarang ito

Tiyaking may label ang bawat form element.

Bakit ito mahalaga

Hinihingi ng WCAG 1.3.1, 3.3.2 at 4.1.2 na may label ang mga form field. Ang mga newsletter sign-up at search field ang karaniwang may ganitong problema.

Paano ito ayusin

  1. Bigyan ang bawat field ng <label for="field-id"> element, o kahit man lang ng aria-label.
  2. Hindi ibinibilang na label ang placeholder text lang.

Paano susuriin ang ayos

  • I-scan ulit at kumpirmahing hindi na bumabagsak ang patakarang label.
  • I-click ang bawat label at tingnan kung napupunta ang focus sa field nito.

Paano ito nahahanap ng FixReports

Pinapatakbo ng aming scan ang axe-core rule na label sa isang totoong Chrome browser sa bawat page na tine-test nito, at iniuulat ang bawat bumabagsak na elemento kasama ang page nito, ang markup nito at, kung naaangkop, isang screenshot.

Kinukumpirma ng isang awtomatikong test na naroroon ang partikular na problemang ito. Hindi nito masasabi kung accessible ang natitirang bahagi ng page: may mga hadlang na lumalabas lang kapag may taong sumuri sa page.

I-scan ang iyong website ngayon

Hanapin. Ayusin. Tiyakin.

Anong uri ng website ito?

Pinipili ng sagot mo ang tamang mga pagsusuri, gaya ng shopping journey para sa mga online store. Sinusuri pa rin namin ang sariling ebidensya ng site at ipinapakita ang dalawa.

Anong uri ng website ito?

Libreng scan. Hindi kailangan ng credit card.