V blocích Express mapy používá klíč/legenda neuspořádaný seznam (<ul>) pro seznam klikacích míst, což funguje dobře pro vizuální a klávesnicovou navigaci. Nicméně položky seznamu (<li>) uvnitř jsou všechny přiřazeny roli tlačítka (role="button"), což není platný HTML0a je to porušení WCAG 2.1, které způsobuje, že uživatelé se čtečkami obrazovky nejsou informováni o počtu položek v seznamu. To se stává velkým problémem u robustních bloků map, které mají desítky0nebo více0míst, přes která by museli tabulátorem procházet.
Existuje dobré vysvětlení na dequeuniversity.com/rules/axe/4.12/list (omlouvám se nemohu vložit odkaz, protože můj účet není dost starý).
Ponechám to na ostatních znalějších než já, ale ideálně by legenda měla používat sémantický prvek jako <button> nebo <a>0uvnitř0každého <li>, místo přiřazování klikací role přímo <li>.
Je to něco, co by šlo řešit? Ptám se, protože jsme vládní vzdělávací instituce v USA a máme termín do 26. dubna 2027 pro dodržení WCAG 2.1 (podle federálních předpisů ADA Title II). Milujeme Express mapy ve StoryMaps, které používáme pro výuku a výzkum, ale budeme je muset do termínu odstranit, pokud budou porušení.
