参考:
Are you Writing Accessible HTML?
HTML5 语义化 w3cplus
HTML5 语义化最佳实践
最佳实践
- 使用
a
标签代替点击行为的span
标签 - 使用
button
标签作为按钮 - 在表单元素中使用
label
- 所有的
img
标签都应有有alt
属性描述图标本身 - 修饰作用的
img
如loading.gif
应有用空的alt=""
属性 - 焦点管理 - 使用
tabindex
控制tab
键切换焦点的顺序 - 将tabindex
置为-1
可以避免tab
键获取焦点
新元素
mark
mark
元素对其内容赋予任何重要性,仅仅是突出显示。用于替代 em
或 strong
time
meter
元素可用于测量的标记,提供测量的最大值和最小值进行测量值的缩放。
progress
figure 与 figcaption
figure
元素标记文档中的一个图像figcaption
元素被用来为 figure
元素定义标题。