Ano ang sinusuri ng patakarang ito
Tiyaking natatangi ang bawat value ng id attribute na ginagamit sa ARIA at sa mga label.
Bakit ito mahalaga
Tumuturo ang mga label at paglalarawan sa mga elemento gamit ang id; sinisira ng mga duplicate ang ugnayang iyon (WCAG 4.1.2).
Paano ito ayusin
- Bigyan ang bawat elemento ng natatanging id at i-update ang mga attribute na tumutukoy rito (for, aria-labelledby, aria-describedby).
- Sa mga Shopify section, idagdag ang {{ section.id }} sa mga id para manatiling natatangi ang mga paulit-ulit na section.
Paano susuriin ang ayos
- I-scan ulit at kumpirmahing pumapasa ang patakarang duplicate-id.
Paano ito nahahanap ng FixReports
Pinapatakbo ng aming scan ang axe-core rule na duplicate-id-aria 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.