CSSのoutlineは消す前にkeyboardで移動した位置を見えるようにする
- CSSのoutlineを消すと、keyboardで操作する人が現在位置を見失うことがあります。link、button、formでfocusを見えるようにし、実際にTabで確認する方法を解説します。
タグ: WCAG 2.0
フォームのlabel要素は入力欄とfor属性で関連付ける
- フォームのlabel要素は、for属性と入力欄のid属性を同じ値にして関連付けます。明示的・暗黙的な書き方、name属性との違い、クリックと支援技術で確認する方法を解説します。
画像のalt属性の書き方は見えない状況で伝える内容から決める
- alt属性の書き方を、情報画像、装飾画像、リンク画像、画像内文字に分けて解説します。画像が見えないときも、情報と機能を残す判断例を示します。
問い合わせフォームの項目は何を残す？必須入力を決める基準
- 問い合わせフォームの項目を、返信に不可欠、振り分けに有用、後から確認できる情報に分け、必須入力を決める方法を解説します。表示とエラーの確認方法も扱います。
