适用人群
只读文章,不读文章周围的页面
页面上的附属元素不只是视觉上的杂乱:它们是读屏软件每次都要朗读、读者每次都要跳过的文字。剪藏窗口只显示文章本身,跟随浏览器的浅色或深色设置,而且不运行任何页面脚本。
页面逼你先穿过的东西
第一句正文之前,先是 Cookie 同意弹窗、订阅推广、吸顶页眉、面包屑,还有一排分享按钮。用读屏软件,每个页面都要先听上一分钟的播报。用放大镜放大到 400%,光是找到正文从哪里开始就要滚动半天。浏览器自带的阅读模式在能触发时有帮助,但它并不是在所有页面上都会出现。
然后页面开始打断你。读到第三段,侧边滑出订阅面板;角落里的视频自动开始播放;广告加载时版式重排,你读到的位置就没了。这些都不是文章,却都在和文章抢注意力,所以读保存下来的副本,往往比读原页面更轻松。
按结构浏览受到的损害,不依赖它的人很容易忽略。按标题逐个跳转是读长文最快的方式,但前提是这些标题属于文章本身。如果页面的菜单分区、推广面板和页脚栏目都被标记成了标题,这个快捷方式带你走过的就是页面附属元素。剪藏只包含文章自己的标题,层级和文章原来的一致,快捷方式也就重新成了快捷方式。
剪藏窗口里显示什么
- 阅读视图把剪藏显示为普通文本:没有 Markdown 符号,链接可以点击,标题是真正的标题。
- 它跟随浏览器的浅色和深色设置,而不是网站的配色。
- 遇到长文,窗口可以扩大到大约四分之三屏幕。
- 剪藏窗口里不运行任何页面脚本:阅读时没有东西滑出、自动播放或重排版式。
- 保存下来的文件是纯文本,任何读屏软件、盲文显示器或阅读工具都能处理,不会被导航绊住。
- 标题保留为标题,所以在笔记里依然可以按标题逐个跳转。
- 列表还是列表,表格还是表格,读屏软件会把它们当作列表和表格播报,而不是一段不分层次的文字。
- 只保留文章自己的链接,从笔记生成的链接列表里是引用来源,而不是一百二十个菜单项。
什么是Web无障碍 Web无障碍是指设计和开发网站、工具和技术,使残疾人能够使用它们。更具体地说,人们可以: • 感知、理解、导航和与Web交互 • 为Web做贡献 Web无障碍对无残疾人士亦有好处,例如: • 人们使用手机、智能手表、智能电视等具有小屏幕、不同输入模式的设备等 • 随着年龄的增长能力发生变化的老年人 • 有“暂时性残疾”的人,如手臂骨折或眼镜丢失 • 有“情境限制”的人,例如在明亮的阳光下或在无法听音频的环境中 • 使用慢速互联网连接,或带宽有限或昂贵的人
为阅读做好设置
四项设置,都不改变扩展程序的提取方式。它们改变的是按下快捷键之后你看到的界面,而对阅读来说,这就是全部体验。
- 右键点击扩展程序图标,选择 Options。把点击图标时的操作保留为预览窗口:对阅读来说,窗口本身就是终点,而不是保存文件路上的一步。
- 在
chrome://extensions/shortcuts确认键盘快捷键。Alt+Shift+M剪藏时完全不用移动鼠标指针,在图标只是十几个小目标之一的页面上,这一点很重要。 - 在一篇长文上打开一次剪藏窗口并把它扩大。窗口会扩大到大约四分之三屏幕,大小停在你留下的状态,不需要每次重新设置。
- 在窗口里切换到阅读视图。它把剪藏显示为普通文本(真正的标题、可点击的链接、没有 Markdown 符号),配色跟随浏览器自己的浅色或深色设置,而不是网站的。
- 如果你常读的网站上,读屏软件总在播报没有标注的图片,就把图片设为跳过,可以全局设置,也可以做成按网站规则。扩展程序从不编造图片描述,页面没有标注的图片,剪藏里也不会有标注。
- 文章值得保留时再保存文件,并用你已经在用的工具阅读。纯文本文件没有脚本、没有版式,也没有固定字号,怎么呈现完全由你的阅读工具决定。
- 为你每天都读的两三个网站添加按网站规则,适合各个网站的设置就不必再每次手动调整。
让阅读更舒适的设置
图片这一行值得多想一下,因为它取决于你怎么阅读,而不是页面里有什么。
| 设置 | 取值 | 为什么这里这样设 |
|---|---|---|
| 点击图标 | 预览窗口 | 对阅读来说,窗口就是终点,而不是通往文件的一步 |
| 视图 | 阅读视图 | 普通文本,真正的标题,没有需要跳过的 Markdown 符号 |
| 窗口大小 | 扩大 | 大约四分之三屏幕,并停在你留下的大小 |
| 图片 | 如果无标注的图片打扰你,就设为跳过 | 不会编造描述,页面没有标注的图片依然没有标注 |
| 快捷键 | `Alt+Shift+M` | 不需要精确操作指针,也不用在工具栏里找小图标 |
| 按网站规则 | 每天读的网站 → 各自的设置 | 每天早上不必重复同样的调整 |
| 保存 | 长文保留 `.md` 文件 | 文本文件让你自己的阅读工具决定字号、间距和朗读语音 |
# Web内容无障碍指南 (WCAG) 2.1 ## 1. 可感知性 ### 准则 1.4 可辨别性 #### 准则 1.4.1 颜色用途 #### 成功标准 1.4.2 音频控制 #### 成功标准 1.4.3 对比度(最小) #### 成功标准 1.4.4 调整文本 这是大纲中的一段(准则 1.1 至 1.3 未列出):四个层级,顺序与页面一致, 标题文字按页面原样保留。标题导航在笔记里依然可用,因为层级没有被压平。
三种阅读方式
用读屏软件读一篇新闻
在原页面上,第一句正文之前有 Cookie 同意弹窗、订阅推广、吸顶页眉、面包屑和一排分享按钮,全都要播报一遍。在剪藏窗口里,先是一个标题,然后就是文章。
这个差别可测量的部分是重复的导航:109 个页面中重复的菜单行为 102 行,对比的引擎分别为 282、478 和 491 行。重复的行,正是在每个段落都会被再播报一遍的内容。
高倍放大下读长文
放大到 400% 时,找到正文从哪里开始就是大半的工作,而每加载一个广告,版式就重排一次,你读到的位置也跟着没了。剪藏窗口不运行页面脚本,打开之后没有东西滑出、自动播放或移动。
把窗口扩大到大约四分之三屏幕,文字就有了一栏固定不动的位置。后面的文章原封不动:扩展程序不改变原页面的样式,它给你看的是文字的副本。
稍后用自己的工具读
你保存文件,在自己常用的阅读器里打开,字号、间距、对比度和朗读语音都由你决定。标题结构一起带了过来,层级和文章原来的一致,所以在笔记里按标题跳转和在窗口里一样好用。
纯文本文件没有固定字号,没有最小宽度,也没有脚本,这就是它在阅读工具里的表现和另存下来的网页不一样的原因。
与其他去除页面干扰的方式对比
这些方式之所以存在,都是因为网页难读。每一种解决其中一部分问题,没有哪一种能解决全部,包括这一种。
| 现在的做法 | 能得到什么 | 代价是什么 |
|---|---|---|
| 浏览器的阅读模式 | 干净的文本,内置,免费 | 有些页面能触发,有些不能,而且不能保存为文件 |
| 跳转链接和地标 | 直接跳过导航 | 取决于网站有没有实现,而很多网站没有 |
| 改变页面样式的扩展程序 | 到处都用你的字体和颜色 | 页面自己的脚本照常运行,面板照样滑出,版式照样重排 |
| 把页面打印成 PDF | 一份在哪里都能打开的固定副本 | 大字号下重排效果差,横幅也会一起带进去 |
| 把文字复制到笔记应用 | 呈现方式完全由你控制 | 菜单也会一起复制进来,标题结构通常却带不过来 |
| Clean Web Clipper | 带结构的文章正文,在窗口里或文件里 | 不朗读,不设置字体,原页面保持原样 |
剪藏窗口帮不上忙的时候
为什么窗口提示没有文章?
这个页面是信息流、商品页、搜索结果页或首页,上面没有可显示的文章。如果提取出的字符中大约超过四分之一位于链接文字里,扩展程序就会拒绝处理,而这类页面正是由链接组成的。如果网站首页是一个列表,先打开其中一项,再剪藏那一页。
为什么文字没法再放大?
剪藏窗口跟随浏览器的缩放,没有自己的字号控件,所以 Ctrl 加 + 就是调节方式。这是有意的:在一个窗口里单独设字号,只会多出一个需要重复设置偏好的地方。想完全掌控字体、间距和朗读语音,就保存文件,用你自己的阅读工具打开。
为什么读屏软件会播报没有标注的图片?
页面提供了替代文本(alt),它就会被带过来;页面没有提供,它就是空的。扩展程序从不生成描述,因为被当作事实读出来的猜测性描述,比沉默更糟。如果某个网站一贯在这方面做得很差,就对这个网站把图片设为“跳过”,剪藏里就完全不会出现图片。
为什么开着剪藏窗口,页面还在打断我?
剪藏窗口不运行页面脚本,但它后面的标签页仍然是一个活动的页面,里面的视频、定时器和通知都照常进行。改为阅读保存下来的文件,而不是读挡在页面前面的窗口,才能彻底离开原页面。
它不做什么
它不朗读任何内容,也不是读屏软件:它为你已经在用的工具提供干净的文本。它不改变网站本身的样式,原页面原封不动地留在窗口后面。文字大小跟随浏览器的缩放,没有单独的调节控件。在没有文章正文的页面上(信息流、商品页、搜索结果页),没有可显示的内容,扩展程序会直接说明,而不是列出一堆链接。
常见问题
阅读视图里的链接还能点吗?
能把字调大吗?
它能把网页读出来吗?
只用键盘能操作吗?
Alt+Shift+M 不用鼠标指针、不打开窗口就能剪藏;剪藏窗口是普通的浏览器界面,和任何页面一样可以用键盘访问。