修正方法: ボタンに読み取れる名前がありません
ボタンに判読可能な名前がないことは、自動スキャナーがフラグを立て、EAA 執行当局が深刻に受け止めている一般的な WCAG A アクセシビリティ障害です。ここでは、その原因、それが重要な理由、そして具体的な修正方法を説明します。
それが重要な理由とその修正方法
テキストや aria-label のないアイコンのみのボタンは、支援技術に対してサイレントです。 WCAG 4.1.2 (名前、役割、値) では、すべてのコントロールがその名前をプログラムで公開する必要があります。
ボタン内に表示テキストを追加するか、アクションに名前を付ける aria-label を設定します。
修正後にスキャナを再実行して、このルールに違反がないことを確認します。関連する属性が存在することをアサートするユニットまたは e2e テストを追加して、問題がサイレントに退行しないようにします。
法的証明ではなくガイダンス
スキャン結果は自動化されたアクセシビリティ ガイダンスであり、法的アドバイスや認定された適合性意見ではありません。自動スキャンと専門家による手動レビューを常に組み合わせてください。
よくある質問
この問題だけで私のサイトに罰金が科せられるのでしょうか?
単一の問題で直接罰金が課されることはほとんどありません。当局は通常、期限内の是正を要求します。通知を無視すると行政罰金が科される可能性があります。
スキャナーはこれをどのように検出するのでしょうか?
レンダリングされたページに対して axe-core ルールを実行し、一致する WCAG 基準と影響を受ける DOM セレクターによるすべての違反を明らかにします。
