WCAG 2.4.4, 4.1.2 · Level A

Dapat may malinaw na text ang mga link

May mga link na walang text na mabibigkas ng screen reader, kadalasan mga link na icon lang gaya ng mga social icon o ang cart icon.

Ano ang sinusuri ng patakarang ito

Tiyaking may malinaw na text ang mga link.

Bakit ito mahalaga

Hinihingi ng WCAG 2.4.4 at 4.1.2 na may accessible name ang mga link na naglalarawan sa layunin nito.

Paano ito ayusin

  1. Hanapin ang mga link na walang pangalan. Karamihan ay mga icon o larawan sa loob ng isang <a> tag.
  2. Magdagdag ng visually hidden na text sa loob ng link, o ng aria-label gaya ng aria-label="Instagram" o aria-label="Cart".
  3. Kung may larawan sa loob ng link, bigyan na lang ng makabuluhang alt text ang larawan.

Paano susuriin ang ayos

  • I-scan ulit at kumpirmahing wala na ang link-name.
  • I-Tab ang bawat link habang tumatakbo ang screen reader at pakinggan ang pangalan.

Paano ito nahahanap ng FixReports

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