WCAG 2.4.7 に従った可視のフォーカス
キーボードで操作する人は、どの要素にフォーカスがあるかを常に見えなければなりません。代替のない outline: none は基準 2.4.7 に違反します。
よくある誤り
代替のないリセット CSS 内の *:focus { outline: none }、コントラストが低すぎるフォーカススタイル、または隣接要素に隠れるフォーカスリング。
正しいやり方
:focus-visible を使用（キーボード使用時のみリングを表示）、最低 2 px、明確なコントラスト、少しの間隔（outline-offset）。リングは邪魔でも可視のままで構いません — ないことだけは許されません。
a11yglass の役立ち方
無料スキャンは、配信された HTML と CSS を、自動的に認識可能な WCAG 違反について検査し、 各所見について達成基準と具体的な対策を示します。問題のおよそ 20〜35 % を検出し、 完全な評価に代わるものではありません。
続きを読む
最善の知識に基づく一般的な情報であり、法的助言ではありません。個別のケースについては、IT 法を専門とする法律事務所にご相談ください。