WCAG 4.1.2 · Level A

Dapat may malinaw na text ang mga button

May mga button na walang accessible name, kaya 'button' lang ang naririnig ng mga gumagamit ng screen reader.

Ano ang sinusuri ng patakarang ito

Tiyaking may malinaw na text ang mga button.

Bakit ito mahalaga

Hinihingi ng WCAG 4.1.2 na may pangalan ang bawat control. Kadalasang kasama sa mga button na walang pangalan ang mga quantity stepper, close button at arrow ng slider.

Paano ito ayusin

  1. Hanapin ang mga button na walang pangalan, kadalasan ay mga button na icon lang ang ipinapakita.
  2. Magdagdag ng nakikitang text, visually hidden na text, o aria-label na nagsasabi kung ano ang ginagawa ng button (halimbawa aria-label="Close" o aria-label="Increase quantity").

Paano susuriin ang ayos

  • I-scan ulit ang mga apektadong page.
  • Suriin ang mga button gamit ang screen reader.

Paano ito nahahanap ng FixReports

Pinapatakbo ng aming scan ang axe-core rule na button-name 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.