泰得学院

首页 > 泰得学院 > 泰得分院 > 网站推广分院

"互联网+"下的无障碍网页设计新思路

摘要:是时候改变我们对“无障碍网页”的偏见了。很多人对无障碍网页的理解依然是W3C给出的标准定义:“无障碍网页是指残障人士能够使用的网页”。这个定义是错的。在我看来,无障碍网页是人能够使用的网页。

  是时候改变我们对“无障碍网页”的偏见了。很多人对无障碍网页的理解依然是W3C给出的标准定义:“无障碍网页是指残障人士能够使用的网页”。这个定义是错的。在我看来,无障碍网页是人能够使用的网页。

  哪些人才算“残障人士”?

  即便是 WebAIM 和 Wikipedia这类的知名网站, 在谈到“无障碍网页”的话题时,也是想当然地把“无障碍”与一系列的残障特征联系起来:如视觉的,听觉的,身体的,言语的,认知的及神经系统的等等。如果你对无障碍网页的概念一无所知的话,从这个角度开始理解这个概念也许不错。但是我们必须留意,这种定义从一开始就把“残障人士”与“我们(正常人)”放在了对立的位置。

  当我们用带有偏见的目光看待与我们不同的群体时,我们倾向于把他们当成与我们相对的“那些人”。换句话说,“我们”的群体时多姿多彩的,而“他们”则是雷同而无趣的。这就叫做外群体同质性(out-group homogeneity)。

  当我们把残障人士简单地归类为“外群体”时,我们得到的可能是一些刻板印象:白色手杖,盲镜,电动轮椅,含糊不清的口齿,助听器,以及站在一旁的痛苦而无奈的家人。也可能是“身残志坚”的成功残障人士。

  然而,这些印象并不正确。

  WebAIM曾探讨过这么一个现象:当一大群人被问到他们是否有视力障碍时,几乎没人承认自己有, 即便是戴眼镜或隐形眼镜的人。那些使用视力辅助工具的人丝毫不觉得自己是“残障人士”。因此,如果我们把“残障”分成不同的级别,而不是固定不变的一种现象,也许会更好一些。

  如果我们能把见到的每个人看成是体能级别不同的人,而不是把所谓“残障人士”单独归为一类,我们就能消除对立的眼光,把他们当成自己的同类。

  我想你一定经历过这样的场景。当要对网站做重大调整时,团队中的某个设计师指出了一个会影响网页无障碍的bug。这时,负责掌管资金的决策者往往会发问:“好吧,不过我们的用户中究竟有多少是盲人呢?”

  很多“聪明人”都会选择对这种bug视而不见,因为“那种”用户并不多,不值得专门去为他们花钱修复网页。对于网站开发者来说,他只要照顾到大部分用户就可以了。他可能不会想到“大部分”用户中,也有一小部分是某种程度的残障人士。尽管我们不想承认,这却是一个事实:因为不想付出额外的精力和金钱,我们在无形中变成了歧视者。

  因此,我们应努力建设真正无障碍的网站---让我们从技术层面来保证所有用户都能得到优质的使用体验。让我们告诉我们的经理和技术组长,我们要开发面向所有人 的网页,我们不再因为某个人有某种缺陷,就让他忍受低劣的使用体验。

  从技术角度定义“无障碍网页”

  我们不能让偏见和刻板印象占据我们的头脑。让我们更关注技术与用户体验,而不是去更多地评判用户吧。让我们把无障碍网页设计的重心重新放回到技术层面。让我们重新思考网页设计中硬件与用户之间的互动关系。有什么硬件可供用户使用?能否把不同的硬件组合一下?我们可以先列出一个表格,以便更直观地考察这个问题。

  “无障碍网页”的多重选项

  下面你将看到,如何将无障碍测试与其他网页测试组合起来,从而更好地实现无障碍网页设计的策略。这种方法的优势是,无障碍网页测试不再基于特定用户人数的多少或他们对网站的重要程度,而是与其他类型的测试一样,单纯是技术层面的事情。

  1.列出 电脑中的输入设备。

  2.列出 电脑中的输出设备。

  3.参照下图制作一个表格,将这些设备都放入表格中。

  以技术为本:对“无障碍网页”设计的再思考

  4.认真思考一下哪些设备可以组合起来使用。

  5.思考一下其他的测试元素,如不同类型的操作系统,浏览器及显示屏解析度等能否添加到组合中来。

  6.当这个表格完成之后,将它留作模板。每次你进行网站测试的时候,都可以把它拿出来当参考。

  7.对于每一对组合,都要在网站上检验一下是否可用,并把结果记录在制作好的表格上。

  应用于实践中

  Harold是一个负责协调人士关系的经理,他已经在某制药公司工作了16年。他是从基层一路做到这个位置的,所以他对团队人员的任务与职责相当了解。Harold自己的主要职责是使团队成员尽量不受杂事的干扰,专心工作。他的另一个职责是帮助团队成员在职业生涯中顺利成长,就像他自己经历过的一样。除此之外,他还负责着部门内的两个项目,他还是公司中“包容委员会”(Diversity Committee)的成员。

  他的很多时间都是在开会。他的团队成员想找他的话,多数是通过电子邮件。差不多每月他还要处理被质量检验组认定为不合格的任务,并与相关的团队成员商讨对策。不合格任务清单是通过WebApp3传达给他的,但是他必须通过WebApp2与相关人员沟通联系。由于Harold很忙,他的工作设备是一部触屏平板电脑。

  但是在6年前,哈罗德的视力开始逐渐减退。他曾尝试将电脑屏幕放大以便看得更清楚些,但是长久阅读的话,他又觉得头疼。于是Harold给这部电脑装了一个读屏软件,用它来阅读较长的电子邮件和信息。为了不打扰其他同事,Harold随身带着耳机。

  这个故事的关键是哈罗德的心态。他只是把自己当成真正需要某种帮助的人,而不是所谓的“残障人士”,理解这一点能帮助我们更好地将技术要素融入无障碍网页设计中。而用户的心态与我们要进行的网站测试是有密切关系的。在这个例子中,我们不能简单地忽视Harold这类用户的需要。因为忽视他也就等于在网页测试中忽视针对WebApp3和WebApp2的测试,等于忽视针对平板电脑的屏幕尺寸的测试,等于忽视针对读屏软件的测试。

  无障碍测试与内容

  上面介绍的测试方法也有助于提升网页内容的质量。它能让开发人员按照“精简, 恰当,实用”标准去安排内容,更提供了在多种设备与格式中检验网页内容的机会。因为无障碍测试要求我们从布局,格式,传达方式等多方面测试内容。在这种测试中,我们能发现之前在单一测试中无法发现的问题。

  如果我们用读屏软件都无法挺清楚网页内容,那也许说明网页内容显示也不够清晰。如果网页内容离开了图片就毫无意义,那说明这部分内容应该被重新编写。

  超越表面化设计

  你很快就会发现,建设一个无障碍化的网站比建设常规网站难多了。语义优化,符合标准的网页,有效的信息架构,清晰的文本等等都是无障碍网页最基本的要求。但为了构筑一个人人适用的无障碍网页,我认为这些努力是值得的。

  但在开发无障碍网页时,我们不能仅仅把目光放在那些明显可见的元素上。我曾与一个团队共同开发一个与理财有关的视频,为了实现无障碍化,我们认为有必要为视频添加字幕。我们很快做好了字幕,并将它嵌入到了网站的架构中,我们甚至专门在字幕中包含了图表。但在项目进行到后期的时候,一个患有色盲症的同时抱怨说他无法分辨出图表中的色彩。这意味着,虽然我们解决了大部分较为明显的问题,但依然留下了遗憾。因为我们也被“只有听障人士才需要字幕”的错觉给蒙骗了。

  一种新的用户观

  “无障碍”并非指定义不同的用户群体,并去满足他们的需要。无障碍应该是网站本身就具备的一种属性。网站只有可用的网站与不可用的网站两种,没有其他---正如我们前面已经强调过的,这个观点应该体现在你测试网站的过程中。如果有用户无法利用现有的软件和硬件设备来获取网站上的信息,那么这个在用户体验上便是失败的。

  把问题的重心放在硬件和软件的作用上,而非一味关注使用这些设备的用户,我认为这一点非常重要。我们现有的无障碍用户评估体系是基于用户的身体条件而定的,而这种评估通常很快就陷入了根据刻板印象,特定用户数量及“优先满足哪类用户的需求”来决策的风险中。用户就是用户。他们的身体条件,使用习惯与能力本来就不仅相同。计算机界面是用来输入和输出信息的工具。它们的作用是帮助用户更好地利用信息。而网站只是用户用以实现自己目标的一种软件,这与他们使用哪种设备无关,也与他们的身体特征或使用偏好无关。这个定义,才是“无障碍”的真正意义。

 

展开