那些年，咱们丢失的信息无障碍化意识

之前历来没有关注过盲人是怎样生活的，由于个人身边没有盲人。若是有人跟我提起盲人，我会最早想到盲人推拿按摩。不知道是否是不少人跟我同样，不了解盲人能干什么，认为他们只能在家听听广播，晒晒太阳，没有娱乐，也没有工做。

现在互联网高速发展，智能手机人手一部，我 74 岁的爷爷都在用腾讯视频、在今日头条上看新闻、用微信聊天刷朋友圈，最有意思的是不用教本身学会了在网上购物，这些互联网产品带给咱们的便利视障人群能享受获得吗？在不少人的意识中，他们认为盲人看不见，怎么能上网？

其实，盲人能够在互联网上学习、购物、娱乐、沟通、甚至工做。来看一个 8 分钟的视频。html

视频连接 react

1531385161456-6ae652c1-8c4e-41a6-8e65-e786c36253dc.mp4 (94.91MB)

视频中的盲人姑娘使用手机大体是这个步骤：

触摸屏幕获取焦点
读屏，向用户返回焦点信息
用户操做，焦点反馈

如今咱们常用的智能硬件，都能支持这种需求。
android

苹果系列产品都已内置了 VoiceOver，使用者只须要打开 VoiceOver，就能够经过触摸获取语音提示。
安卓手机内置了 Talkback，功能与 VoiceOver 相似。
windows系统能够下载读屏软件，例如永德、争渡、阳光、NVDA 等. (有什么读屏软件能够推荐？)

有了这些读屏功能的支持，咱们站在视障人士的角度来使用手机，看看他们是否真的能很方便的使用。
apache

视频连接编程

1531385405769-22d34d6d-a595-43ec-8e41-46618bc3fd6e.mp4 (146.38MB)

在开启 VoiceOver 后，经过触摸反馈来接受信息。但从视频上使用过程来看，满屏都是问题。例如：

焦点合并问题

商品、内容、盘点：图片+文字内容是一个总体，但只能分开读取到图像和标题。
windows

内容提示问题
微信

热门盘点：聚焦到换一换，但用户不知道这是一个能够点击切换的按钮。
markdown

焦点错乱问题
weex

在点击盘点换一换后，再读取切换后的盘点标题，却仍是切换以前的盘点标题。切换这个交互操做致使焦点错乱。

如今咱们能够回到主题，做为网站开发者，咱们能够作什么？咱们要作的，就是在有了这些读屏功能的支持后，能以更好的方式让读屏软件正确的告诉用户这是什么，能够作什么。

更确切的说，就是要解决以上这些问题：
app

合理划分焦点
元素语义化
优化提示内容

对于一个互联网产品来讲，全部用户都是平等的，这不是为视障人士提高用户使用体验，应该将这些问题视为产品的功能性 Bug。

技术实现方案不一样，网页有不少种：

iOS 原生页面
Android 原生页面
Web 页面
Weex、ReactNative 页面

网上也能找到一些无障碍化的常见问题和实践总结，附上各自的无障碍编程指南：

上面视频中美妆学院是使用 Rax 编程的 weex 页面，根据 Weex 无障碍修复无障碍能力后，效果是这样的：

视频连接

1531385451927-aadacfb3-ccf5-4240-b0cf-1d52b067ba59.mp4 (76.46MB)

这样的反馈对于盲人来讲，是否是好使多了？

若是对信息无障碍还认识不够，那就亲自体验一下吧~

iOS

VoiceOver 的开关：「设置」 -> 「通用」 -> 「辅助功能」 -> 「旁白」或者「视觉 - VoiceOver」。
长按 Home 键(需设置)调出 Siri，说「VoiceOver」，Siri 会显示入口。
「设置」 -> 「通用」 -> 「辅助功能」 -> 「辅助功能快捷键」，选择「VoiceOver」。后续连按三次 Home 键则能够快速开启/关闭 VoiceOver。

Android
安卓手机Talkback入口各有不一样，在「设置」中找到「辅助功能」或者「高级功能」，在子目录中找到「Talkback」或者「无障碍」打开便可。

写这篇文章，一是由于从新认识了盲人群体，彻底改变了之前的观念，原来盲人能够作不少事情，还能够作不少有意义的事情。二是从新认识了信息无障碍的重要性，若是你能换位思考，大概就能体会信息无障碍对视障人知的意义。

网页无障碍化并不难，难的是网页开发者没有无碍化的意识，但愿更多的开发者能认识信息无障碍，提高信息无碍化意识。

最后，阅读这些文章，对视障人群了解更多吧~