Co toto pravidlo kontroluje
Ověřuje, že každá hodnota atributu id použitá v ARIA a v popiscích je jedinečná.
Proč na tom záleží
Popisky a popisy odkazují na prvky přes id; duplicity toto propojení rozbíjejí (WCAG 4.1.2).
Jak to opravit
- Dejte každému prvku jedinečné id a upravte atributy, které na něj odkazují (for, aria-labelledby, aria-describedby).
- V sekcích Shopify přidejte k id {{ section.id }}, aby opakované sekce zůstaly jedinečné.
Jak opravu ověřit
- Spusťte sken znovu a ověřte, že pravidlo duplicate-id prochází.
Jak to FixReports zjišťuje
Náš sken spouští pravidlo axe-core duplicate-id-aria ve skutečném prohlížeči Chrome na každé testované stránce a hlásí každý chybný prvek spolu se stránkou, jeho kódem a tam, kde to dává smysl, i snímkem obrazovky.
Automatický test potvrzuje, že tento konkrétní problém existuje. Nedokáže posoudit, zda je zbytek stránky přístupný: některé bariéry se ukážou, až když stránku zkontroluje člověk.