Safari 屏幕阅读器
Safari 5+ 会自动识别网页内容并在地址栏显示阅读器按钮,帮助用户快速浏览网页内容。
启用 Safari 屏幕阅读器
如果满足以下条件,Safari 会显示阅读器按钮:
- 仅针对 http(s) 协议下的网页有效。
 - 将所有元素放在一个容器标签(
<body>、<p>除外)内,推荐使用<article>。 - 容器内至少包含 5 个标签,建议至少包含一个 
<h*>标签。 - 容器内至少包含约 2000 个字符(具体要求根据标签数决定)。
 - 完整条件可参考源码。
 
另参考
优化 Safari 屏幕阅读器
- 将不希望显示的链接放在单独的标签中。
 - 将评论区的 
class命名为comment。 - 将侧边栏的 
class命名为sidebar。 - 将工具栏的 
class命名为toolbox。 - 如果无法使用 
<h*>标签,将class命名为headline。 
禁用 Safari 屏幕阅读器
设置所有内容的 display 为 none,然后在 230ms 后恢复可以禁用 Safari 屏幕阅读器。