このルールがチェックする内容
ボタンに認識可能なテキストが存在することを確認してください.
なぜ重要なのか
WCAG 4.1.2では、すべてのコントロールに名前が求められます。名前のないボタンには、数量の増減ボタン、閉じるボタン、スライダーの矢印がよくあります。
修正方法
- 名前のないボタンを見つけます。たいていはアイコンだけを表示するボタンです。
- ボタンの機能を示す表示テキスト、視覚的に非表示のテキスト、またはaria-labelを追加します（例：aria-label="Close"やaria-label="Increase quantity"）。
修正の確認方法
- 該当するページを再スキャンします。
- スクリーンリーダーでボタンを確認します。
FixReportsが検出する方法
当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールbutton-nameを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。
自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。