互联网的发明,改变了整个世界,将许多本来不可能完成的事情化为可能。万维网(WorldWide Web,WWW)又把这个影响力往前大幅推动:先是改变了人们对“文件”的想象与使用,接着多媒体及互动艺术也借由网页成为互联网的一部分。现代的网页可以用来听歌、买书、购票,乃至于聊天、玩游戏、处理文件、项目管理,甚至找停车位,是为 Web 2.0 风潮。

  网页上能做的事越来越多,网页却未必越来越好用,有些失败的网站一点儿也不好用,因此乏人问津;还有许多网站则像是专门为某些特定人士打造一般,对多数用户而言好像隔了一层阻碍,有一种距离感而难以亲近,这实在算不上成功的网站。

  举例来说,视频聊天网站,理应能让肢体不便的人,有机会与其他人面对面地聊天,而不用大费周章地走出户外、移动到世界各地;但是许多这类的网站并未设计妥当,用户必须仰赖精细的手部操作,用鼠标或键盘来启用视频聊天的功能。结果,肢体不便的人仍然无福享用这些网络技术带来的便利。

  又例如在线上书柜网站勾勒出的愿景中,人们不用起身走到自己的书架前,也不用跑去书店或图书馆,就可以实时取得书籍内容,加以查阅运用;但是许多这类的网站并未设计妥当,结果视力不好的用户没办法把文字放大,对屏幕阅读不适的用户没办法撷取内容用打印机印出来,撰写期刊论文的用户引用文献的时候没办法直接把这些内容以数字方式复制,而得自己誊写一遍……结果此类网站除了可以查询某段内容在哪本书的哪一页之外,用户还是得取得实体书本翻阅使用,原本将书籍内容数字化放到网页上的用意也就浪费了。

  为了解决这样的窘境,陆续有人投入“网页亲和力”的研究,研究如何让网页对人们更为亲善、使内容便于被使用,尊重用户的主观介入,让用户感到自在舒适,并且能依其需求及指定的方式,来运用、更改网页的内容、结构或行为。

  网页亲和力在做些什么

  将网页亲和力付诸实践,意味着对网页内容各个细节的谨慎与坚持。举例来说,网页中几乎所有的非文字内容如图片等,都可以另外提供一份用文字表达的替代内容,这种替代内容常称做“替代文字”或“alt 文字”,因为多半是通过(X)HTML 组件中的alt 属性来撰写的。

  以网页上充斥的图片为例,有些图片仅仅作为装饰,有些图片则要用来表达重要的内容意义;有些用户因为种种缘故(例如眼睛疾病、信息软件或硬件无法支持等)而看不到这些图片,就得靠这些替代文字来取用图片内容。具有替代文字的图片,在网页源代码中看起来可能像这样:<img src="up.png" alt=" 上涨" />

  在一般的图形式网页浏览器(例如 Opera、Firefox、IE 等)中,如果关闭图片显示,或者在网页已加载而图片还没下载的时候,上述这段网页源代码就会在原本显示图片的区域内,显示出“上涨”这两个字。在纯文字浏览器(例如 Lynx 等)中,则会直接显示出“上涨”这两个字,并可能以不同于网页内文的其他色彩来表达。如果用的是语音浏览器,或者以读屏软件(例如 JAWS、Window-Eyes 等)搭配一般网页浏览器时,就会把这张图片念做“上涨”。

  因此,在所有无法看到图片的情况下,不论这个限制是来自用户还是软/ 硬件,用户都能够了解这段内容的意义。事实上,由于有了这个替代文字,因此在搜索引擎(例如谷歌等)中输入“上涨”,就可以找到这张图片,以及含有这张图片的网页。

  由于网页设计者在亲和力上下了功夫,所以不论图片有没有显示出来,网页内容都同样能传达给用户。

    正如上述范例所示,撰写网页时提供额外的细节,就是一种网页亲和力的实践。

    本文由易素设计收集整理,转载请保留出处。易素设计:http://www.yasashiimoda.com/