可访问性,除了人还有机器。健全的人、屏幕阅读器等辅助工具、搜索引擎等解析器

1.使用恰当的标签,构成约定的结构、语义

2.非文本元素使用辅助文本

3.只使用键盘就可以交互

<figure> & <figcaption>

alt

<h1>~<h6> headings

Accessibility tree

aria

form with label

<time datetime="2011-01-01">

Only visible to screen reader

对比度

超链接文本内容

accesskey

tabindex

<i> <em>

视觉效果是一样的,但语义不同

<em> 标签表示其内容的着重强调

<i> 标签表示从正常散文中区分出的文本

作品的标题,例如书籍或电影的名字,应该使用 <cite>

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/em

<i> 被用作icon

<em>被用作强调