HTML — 一个标签顶一项功能
의미 있는 태그를 고르면 키보드 조작·스크린리더·검색엔진·자동완성이 전부 공짜로 따라옵니다. div 로 다시 만들면 그 전부를 직접 구현해야 하고, 대개 빠뜨립니다. 접근성 검사를 통과하는 페이지를 실제로 써 봅니다.
초급 · 레슨 13 · 实验 3
커리큘럼
语义与可访问性
- 用 div 做的按钮丢掉的七样东西 reading
- 一个能过检查的页面 lab
- HTML 与可访问性确认 quiz
按了提交却什么也没发生
- 没有名字的输入框等于不存在 reading
- 消灭没有名字的输入框 lab
- 表单与名称计算确认 quiz
鼠标被拿走了
- 只用 Tab 走到最后 reading
- 亲手修好 Tab 顺序 lab
- 键盘与焦点顺序确认 quiz
加了 role 反而更读不出来
- 可访问性树是另一份文档 reading
- ARIA 与可访问性树确认 quiz
图片消失后那里剩下什么
- alt 是替代而不是描述 reading
- 替代文本与表格确认 quiz