真正的“亲和力”是没有止境的;不管再怎么努力,网页的内容总是可以更具亲和力一点。正如本书所再三强调,亲和力其实是网页设计的一个环节,其重点在于要如何贴切地表达实际的内容,尽可能让最多的人、程序、装置都能够取得并运用这些内容。当“无障碍”派的人还在为即将结案的网站项目一笔一笔地加上 alt 属性时,“亲和力”派的设计师已经把内容放在整个设计流程的核心,并且发展出许多理念与实践方法,如:结构─呈现─行为抽离、XHTML 混成、从内容向外法、微格(Microformats)、安分的(Unobstructive)JavaScript 以及超越式 CSS 法等。 广州网站建设
补充说明
结构─呈现─行为抽离
这个理念是指要重视不同网页标准的目的及用途,在撰写网页时,只用(X)HTML来处理网页文件结构,只用 CSS 来控制网页内容的呈现,并只用 JavaScript 来添加网页行为;三种技术各司其职,就算分别交付给三组人员来负责,也不会产生冲突。
XHTML 混成
XHTML 混成是以 XHTML 中的清单组件(<ul>、<ol>、<dl>、<li>、<dt>、<dd>)跟其他的结构性组件结合在一起使用,来提供更为精确的网页语意。在 http://tantek.com/presentations/2005/09/elements-of-xhtml/ 有一份The Elements of MeaningfulXHTML ( 富意义的 XHTML 之组件) 演示文稿可以下载, 其中讲授了许多关于
XHTML 及 XHTML 混成的知识。 广州网站建设
从内容向外法
以网页的实际内容为中心,按照网页语意妥善使用(X)HTML 组件加上标记,最后再使用 CSS 等技术来处理版面布局配置的问题。相对于以往先以网页外观为中心来撰写网页,这种“从内容向外法”所做出的网页不但更具语意、更有结构,而且可以避免多而不当的 <div>、<table> 等标记滥用。
微格
微格运用了 XHTML 的 class 及其他属性,让网页内容可以有更精确的意义,并成为 XHTML 第一套被广为采纳的扩充套件。有别于许多网页标准都是由 W3C 所制定,微格的开发与制定都是经过社区讨论而产生的,任何人都可以到 http://microformats.org/wiki/ 查阅最新的微格并参与开发,使用微格的新程序也正逐一浮出水面,包括像微软等软件厂商也都在支持微格。比尔· 盖茨在 MIX06 研讨会上接受提姆· 奥莱利(TimO’Reilly)访问的时候就说道,“我们需要微格。”
安分的 JavaScript
首先撰写出完全没有 JavaScript 时也能顺利使用的网页,接着在撰写 JavaScript 程序脚本时,以符合标准、广为支持的写法奠定基本的网页行为,最后才逐步以较少浏览器支持的标准语法,添加更为华丽(但非必要)的行为效果等。
超越式 CSS 法
大胆使用 CSS 2.1 及 CSS 3 等先进标准,让支持这些新标准的浏览器能够带给用户更佳的体验,并加速网页标准的演进速度。 广州网站设计
包括谷歌及雅虎在内的大型企业,都已经将亲和力视为设计网页服务的一环,从设计的初期阶段就开始确保内容能被完整表达。在这种设计理念之下,任何的用户代理设备──不只是一般的网页浏览器,还包括纯文字浏览器、媒体播放程序、读屏程序、触觉输出装置、投影演示文稿设备、打印机、移动通信设备(如手机或 PDA)、(可上网的)电视机、游戏机主机(如 Wii) 等,通通都可以取得基本一致但可接受的内容,以及简单但能运作的互动经验。然后,随着用户所使用的代理设备功能升级得更强大,例如更大的显示范围、更高的分辨率、更完整地支持网页标准等,就能够获得更丰富的使用经验。
无障碍通常被视为额外的功能,网页设计者总是在设计完成之后,才根据所谓的规范,以急就章的方式填补,甚至由于重构工程过于浩大、所费不赀,而将其整个放弃或往后顺延。有别于无障碍,亲和力需要在设计或开发初期就开始参与流程──因为亲和力会跟实际的内容息息相关,包括内容的表达手法、多媒体的同步呈现、用字遣词、使用的语言、视觉对比,乃至于(技术上或非技术上的)取用限制等,一概都是亲和力需要面对的。所以从内容筹备、信息架构、接口设计、版面规划乃至于技术开发,每一个环节都与亲和力息息相关,而且随着科技进步,总是还有更多进步的空间。
“无障碍”比较像是要求设计师向真实世界妥协──因为真实世界中的辅助科技只能做到那个地步,所以就要把整个网页的设计跟规划也限制在那个程度,以确保使用辅助科技的那些人能够顺利地取用内容。至于“亲和力”则是鼓励设计师借由设计,来带动整个网页技术持续进步,为那些尚未发明、达成的辅助科技及用户代理设备做准备。
W3C WAI 为了 AJAX 或 Flash 这类用于富互联网应用(Rich Internet Application,RIA)的互动技术特别推出了WAI-ARIA 套件,因为它们很难放进所谓无障碍的规范中。或者说,如果只是为了满足无障碍的规范,许多技术开发者会急就章地假设用户代理设备对其技术的支持是“全有或全无”──使用最现代的浏览器的用户,可以获得完整的体验;但是使用略有限制的设备的用户,则会被迫降级到跟用纯文字浏览器的用户相同的待遇。 广州网站设计
不只是 AJAX 或 Flash,有多种不同媒体及网页技术,如框架或互动脚本等,都正如此被自暴自弃地对待──尽管这样还是能够符合无障碍规范,而你也没办法说领钱做这件事的人有错。这么一来,原本立意良好的无障碍规范,却是让更多用户被迫绑手绑脚。如果我们只知道无障碍、只推行无障碍,那么再过十年恐怕多数的网页仍是搪塞,而我们原本想弭平的不平等对待仍然鲜明地存在,受到歧视的人们仍然只能获得贫乏的体验。图1-6 对可用性、亲和力与无障碍做了对比。
![]() |
| 图 1-6 可用性、亲和力与无障碍的比较 |
这就是为什么本书要讲亲和力,而不讲无障碍的原因。亲和力的诸多实践中,有不少用到了称做“进展式强化”的技术,这样的技术很像是有教无类的同时又因材施教,意思是说虽然支持所有的浏览器及用户代理设备,但是“支持”并不意味着所有的访客都能获得一模一样的体验;反之则是根据每一种设备及浏览器的能力差异,分级给予最适合的功能及协助,使其都能尽量访问并利用网页的内容。因此,即便在使用 AJAX 或 Flash 等技术,仍然能够尽可能地加入亲和力的设计,让它们能在该派上用场的时候可以发挥作用。
如果要借用社会制度的术语来说明可用性、亲和力与无障碍这三个概念,大概可以这么说:可用性强调的是齐头式的平等,做得好则大家共享,做得差则大家共同承担;无障碍是 M 型社会,虽然大家都活得下去,但是贫富悬殊;亲和力则是立足平等,所有人都受到同等的重视,但同时每个人的能力各有不同,所以就会获得不同的好处。




