HTML — タグ一つが機能を肩代わりする
의미 있는 태그를 고르면 키보드 조작·스크린리더·검색엔진·자동완성이 전부 공짜로 따라옵니다. div 로 다시 만들면 그 전부를 직접 구현해야 하고, 대개 빠뜨립니다. 접근성 검사를 통과하는 페이지를 실제로 써 봅니다.
초급 · 레슨 13 · 실습 3
커리큘럼
意味とアクセシビリティ
- divで作ったボタンが失う七つのもの reading
- 検査を通るページ lab
- HTML・アクセシビリティの確認 quiz
送信を押したのに何も起きなかった
- 名前のない入力欄は存在しない入力欄だ reading
- 名前のない入力欄をなくす lab
- フォームと名前計算の確認 quiz
マウスを取り上げられた
- Tabだけで最後まで行ってみる reading
- タブ順序を手で直す lab
- キーボードとフォーカス順序の確認 quiz
roleを付けたらもっと読まれなくなった
- アクセシビリティツリーは画面とは別の文書だ reading
- ARIAとアクセシビリティツリーの確認 quiz
画像が消えた場所に何が残るか
- altは説明ではなく代わりだ reading
- 代替テキストと表の確認 quiz