read:// 有谁知道的?关于无障碍这块,老外走得是真快

[skiy]

如题,无意中发现有个网站默认开启了这个功能.
目前只在 edge 浏览器中正常使用. chrome, vivaldi 均没法正常使用(难道因为语音识别功能被墙的原因?)
在 chrome://flags 里面搜"read", 然后开启.
只需要在网址前面加 read:// 即可, 比如

read://https://v2ex.com/about

右上角的 Voice Option 那里选择中文.

前端框架的开发者们,在开发框架时,如果不麻烦的话,加一下吧,这个功能对于有阅读障碍的人来说,真的挺有用的.(曾经见过有人使用过"无障碍"功能)

[wooyuntest]

想起 12306 最近也上了个爱心模式

[codingguy]

这个不在于开发者，在于产品经理吧

[skiy]

@codingguy 产品经理也不知道有这种功能吧. 这个功能可能只是在网页的 meta 上面加个标识, 或者跟 PWA 那样, 不会对网页产生什么实质性的破坏.

[Rheinmetal]

大厂被境内宽容环境惯坏了 真不护着 有的是动力

[pinkSlime]

生活在一个盲道上竖电线杆的地方，网上的无障碍可以稍缓缓 😭

[xingshu1990]

很早很早的时候，在电视节目中看过有人做了一个系统，还是做了一款软件，能读取屏幕上 鼠标所在位置的坐标，及鼠标图标所在的图标的名字，现在没流行下去的原因呢，无非是产品经理很自然的忽略掉了。

参考社会上的盲道，无障碍措施，红绿灯播报，不方便行走人士上公共厕所等情况。

[skiy]

@pinkSlime 哈,关于线下的,深圳的"盲道"我是见过很多的了, 纯装饰用的.天天挖这挖那,但却不处理这种.(很资本主义,完全不符合社会主义价值观).
线上的,容易一些,能整一个是一个吧.从小做起,普通网站都搞起来了,还怕大厂不跟进?

[ccyu220]

无障碍，和 i18n （不止单纯的文本翻译）确实是很令人学习的地方。

[tankren]

现在的新闻内容右下角还有手语翻译吗？

[exiahan]

Android 的话，Google Assistant 有 Read Out 指令

[xx6412223]

盲道，消防通道 都被占的地方，还奢望无障碍设计？
因为人多，中国更常见的是有障碍设计。

[Rheinmetal]

@xingshu1990

开源方案
操作系统内置
还有商业方案 都有呀

[Mitt]

阅读器模式也不是无障碍模式把，safari 就挺常用的，这个通常都是读些新闻什么的大量文字的，一般网页无障碍加这个没用的，文字堆到一起反而更不容易区分内容，无障碍现在很多方式，比如元素报读的，如果真正要能做到无障碍阅读，网页开发者是需要花费大量精力去适配的，确保每个地方的注释信息和显示信息一致，很多软件和网页是没有辅助阅读信息的，就只能读出类似 “按钮” “图片” 之类的，而不是具体到 “取消按钮” “一只小狗狗的图片”，国内更主要的还是验证码，国外识别人机有无障碍模式，国内的几乎没有见到过

[skiy]

@xx6412223
你说的都是线下的, 这种社会性的我们程序员搞不定.
但线上的,难道我们只需要动动手,不会占用社会资源的,没有利益冲突的,我呼吁同行们尽自己力所能及的事去做什么错?
每个人把只需要花点时间去把自己的网站(不说公司网站, 而是自己的个人网站), 做个适配. 跟我之前所说的, 反正不会对网站产生什么实质性的破坏. 难道就因为这个社会普遍不做这个事, 所以我们也跟着不做?

[skiy]

@Mitt 对,确实不能说这个算"无障碍模式", 但应该也能算是有一定的作用的吧. 比如色弱或者那些垃圾屏幕的(我现在用的这台电脑的屏幕就这样,有些字,比如 V2EX 最底部的部分文字)

[Mitt]

@skiy 用处其实真不大，telegram 看一些国外新闻网站适配了阅读模式的非常舒适，对有阅读障碍人群也很舒适，但是强行把一个没适配阅读模式的网站转变成可以阅读的只会导致更困难的阅读，因为可能会把无关的文字比如广告信息也一并显示到主体内容内，所以最关键的还是得改变网站结构让它更适合阅读器才行，但阅读器适配的好说实话基本就没人会直接看网页了，那就很多广告啥的都不能显示了，会“损害”到很多网站利益，也就不会主动适配了

[Mitt]

@skiy 还有一种情况就是小说和论坛会防止别人复制，给文本主体加很多不可见字符乱码什么的，或者干脆改变文字变成图片，这种才是无障碍阅读最大的敌人

[skiy]

@Mitt 确实存在这种问题, 利益冲突. 比如 CSDN , 现在不登录都不让复制了, 不只是让你动手点开"查看更多". 老外就不玩这一套.
其实这个功能是我在 digitalocean 上看到的, 真是美观.
https://www.digitalocean.com/community/tutorials/react-typescript-with-react

[xx6412223]

@skiy 沒有反对你， 反而很支持。我自己还了解过一些无障碍设计的理论，个人认为可以从数量最大的视觉障碍入手，可能就是一个网站变色就能给很多人提供遍历：

“据公开数据统计，色盲患者中，平均 12 名男性中就有一例，200 名女性中就有一例，他们可能难以区分红色和绿色，或者黄色和蓝色。弱视患者 30 名人群中就有一例，他们没有任何的角膜，尽管能看到东西的大致轮廓，却难以阅读印刷文字，在法律上会被视为盲人。

中国有 2 亿多的障碍群体和 1.5 亿 65 岁以上的老年人等等，加上其他各种类型障碍人群，这些障碍人士加起来占中国人口总数 20% 以上。”

[maplerecall]

国内的确不重视这块，只有 zf 网站做的比较好。微软这边有专门团队每年做各种产品的 a11y review，并且作为硬性要求要达到某个级别，所以每年都要花不少时间做无障碍，某种程度上说这的确算一种人文关怀。

而且这个要做好其实很难，我们每年能收到方方面面几十个不同的 a11y bug，每个页面元素的对比度、选中状态、选择顺序、复杂组件的键盘 /voice back 交互、不同平台系统、不同缩放比例下的显示，高对比度主题兼容等等……而且 bug 提的很详细，几本都有复现的录像，每种 bug 都有对应的文档。一般人没经历过一次根本想不到会有那么多场景。

这种细致到极点的无障碍测试，加上维修所花的时间和开发成本对大部分产品来说基本可以认为是亏本的，而且对于国内互联网这种靠过度堆时间和人力的换来的高速迭代也很再难再有闲余考虑这些，所以的确还有很长的路要走啊。