借12306订票页面,聊聊如何改进无障碍用户体验.pdf

借 12306 订票页面，聊聊如何改进无 障碍用户体验 说，所做的改进已经算是很令人欣慰了。但对于盲人来讲，事情还远远没有解决。 之前在《 无法到达12306 这样的网站。 那么难道就没有任何办法可以帮助这样一个群体了么? 过，聪明人与实践者总是有的，我无意中发现了这样一个插件“access-helper( 他利用火狐插件greaseMonkey 进行扩展，解决了 12306 手术”解决了一个“重大疾病”。 剖析这个工具的开发思路，对于解决网站信息无障碍问题的经验积累有着很大的作用! 1.辨别主要功能 办法来解决无障碍的问题。无障碍问题 用户的问题。 2.优化关键路径 A.越过“不重要功能” 如果一个屏幕阅读器用户要找到购票/预约的链接，通常需要按20 余次的Tab 位置，则需要按Tab 键逐个遍历，对于这样一个重要的以时间为第一目标( 个链接使得屏幕阅读器用户“输在了起跑线上”。 安装网页无障碍助手之后，该插件主要链接添加了一个快捷键，无论当前焦点在哪里，只要 票、退票链接。对于这个快捷键，我个人还是比较喜欢的，一个手就能完成了，而且跟QQ 忆。 B.焦点陷阱 焦点陷阱，顾名思义就是当焦点访问某个控件的时候可能产生三种现象：1.不反馈( 头部);3.无法跳出当前控件。本质都是控件存在访问性障碍从而造成整个用户活动流程失败。 对于明眼人，我认为这是一个好的交互态。而对于 是好内容。遗憾的是，这里一旦利用Tab 时间同样的使用了类似控件，导致无法访问后续流程的控件。 对于这种控件，网页无障碍助手采用了朴实有效且成本低的做法——使用标准表单控件 且还优化了一些文案，以更友好的“凌晨0 点到24 点”取代“00:00-24:00”。 C.表单错误提示问题 利提交的关键。12306 理，使得输入错误即时提醒。 D.重要信息必须键盘可访问 在12306 对搜索结果，用tab 人。同样的问题跟同样的解决之道，也出现在了提交订单确认的弹出框以及确认订单的页面。 E.验证码 回拨电话。 12306 客观的说，12306 一直在进步!没有考了到盲人并不是12306 过可以看到的是，注意盲人群体的公司和团体已经越来越多了，这是一个好的现象。 在这个插件的开发者团队的说明文档里，其中一位成员的语录是：帮助是什么? 事：一是把自己的专业培养好;二是用自己的专业帮助周遭的人。 希望这样的团队越来越多，希望重视信息无障碍的公司越来越多。 文章为个人观点，不代表本人所在公司及团体 原文链接 本文由accessibility 原文链接/article/21286/1.html 文章来源于：/article-19109-1.html