このルールがチェックする内容
select要素にはアクセシブルな名前があることを確認してください.
なぜ重要なのか
WCAG 4.1.2では、セレクトメニューにアクセシブルな名前が求められます。
修正方法
- select要素に関連付けた<label>か、aria-label="Sort by"のようなaria-labelを追加します。
修正の確認方法
- コレクションページと商品ページを再スキャンします。
FixReportsが検出する方法
当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールselect-nameを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。
自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。