Best practice sa accessibility

Nararapat na isa-isang antas lang ang pagtaas ng mga heading

Lumalaktaw ang mga antas ng heading (halimbawa mula H2 papuntang H4), kaya nakakalito ang istruktura ng page para sa mga gumagamit ng screen reader.

Ano ang sinusuri ng patakarang ito

Tiyaking tama sa semantika ang pagkakasunod ng mga heading.

Bakit ito mahalaga

Nagna-navigate ang mga gumagamit ng screen reader gamit ang mga heading. Best practice ito na sumusuporta sa WCAG 1.3.1.

Inirerekomendang practice ang patakarang ito: hindi ito WCAG failure kung ito lang ang bumagsak, kaya inililista ito ng aming mga ulat nang hiwalay sa mga WCAG failure.

Paano ito ayusin

  1. Ayusin ang mga antas ng heading sa mga apektadong section para sunod-sunod ang mga ito nang walang nilalaktawang antas.
  2. Ang tag lang ang baguhin, hindi ang visual na istilo (gumamit ng mga CSS class para sa laki).

Paano susuriin ang ayos

  • I-scan ulit at suriin ang heading outline gamit ang isang browser extension gaya ng HeadingsMap.

Paano ito nahahanap ng FixReports

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