Express mapブロックでは、キー／凡例がクリック可能な場所のリストに対して順不同リスト（<ul>）を使用しており、視覚的およびキーボードナビゲーションには問題ありません。しかし、その中のリスト項目（<li>）すべてにbuttonロール（role="button"）が割り当てられており、これは有効なHTMLではなく、WCAG 2.1の違反であり、スクリーンリーダーユーザーにリスト内の項目数が伝わらないという問題があります。これは、何十もの場所がある堅牢なマップブロックでタブ移動しなければならない場合、大きな問題となります。
dequeuniversity.com/rules/axe/4.12/listに良い説明があります（申し訳ありませんが、アカウントが古くないためリンクを投稿できません）。
私より詳しい方にお任せしますが、理想的には凡例は<button>や<a>のような意味的要素を使用することです内側各<li>の中に、<li>自体にクリック可能なロールを割り当てるのではなく。
これは対応可能なことでしょうか？米国の政府教育機関であり、連邦ADAタイトルII規則に基づき2027年4月26日までにWCAG 2.1準拠が必要なためお尋ねしています。教育と研究で使用しているStoryMapsのExpress mapsは非常に気に入っていますが、違反があれば期限までに削除しなければなりません。
