字体

一般来说，Windows, Mac 以及其它操作系统都只安装了有限的字体，而它们之间共同的字体更少。目前的很多浏览器，以后会有更多，它们已经可以允许用户自己选择显示字体。使用 CSS，你可以指定尽可能多的字体，同样，不要依赖它们，不管这种字体是多么普遍。

更重要的仍然是字号，你需要知道，同样的字体，同样的字号，在 Mac 系统上看上去要比 Windows 系统小。因为 Mac 的逻辑分辨率是 72dpi 而 Windows 是 96dpi。这很重要，首先，让文字在 Mac 上和 Windows 上显示一模一样是不可能的，不过，如果你遵从的是适应性设计，这将不会成为问题。

如果你还操心你的网页最终看上去是否正好如何，说明你仍没以适应性设计思想思考问题。一个最主要的可访问性问题是字号，我们这些视力正常的人可能不相信世界上有很大比例的人无法在印刷媒体上阅读 14pt 以下的字体，更不要说显示器，显示器的分辨率更低。

这是否意味着 14pt 是最小的字号？非也，有的人的视力还要差，那到底用哪个字号？答案是，不要使用 pt，让用户自己选择阅读字体大小，px 也一样，因为逻辑分辨率的差别，一个平台上的 px 和另一个平台的 px 是不一样大的。

对于标题等位置，你仍可以使用大一些的字体。CSS 提供了多种方式设置字体尺寸，你可以按某个对象的父对象的百分比设置字体尺寸，比如，标题位于网页的 BODY 内，如果你没有设置 BODY 的字体尺寸，系统会取用户自己指定的字体尺寸，有时候，我们有所不为也可以帮助提升可访问性。

你可能会说，文字看上去太大，但你可以在浏览器中把它缩小，而你的用户可以选择放大或者缩小，依据他们的口味或需求。我们可以对标题进行强调，比如，将一级标题的字号加大30%，二级标题加大25%，这样，不管你的页面 BODY 部分选用了什么字号，标题都按比例改变，同样，字号也可以缩小，但需要小心，有时候，字号可能小到无法阅读。

以上我们所做的仅仅是避免使用绝对尺寸字体已经为可访问性带来很多帮助。

布局

边界，页宽，缩进都是一些可以提升可访问性的设计因素。浏览器窗口可以改变尺寸，并导致页面尺寸的改变，不同的 Web 设备（Web TV, 高分辨率显示器，PDA）拥有不同的最小与最大窗口尺寸，和固定字体尺寸一样，页面布局也会带来可访问性问题。

和字体一样，布局也可以使用百分比实现适应性设计，边界可以使用其容器尺寸的某个百分比。在 CSS 中使用百分比宽度布局会自动实现适应性设计，随着浏览器窗口的拉宽与收窄，页面的各个部分自动适应以维持相同的比例，从而整体页面也自动适应，用户可以自己选择一个他们认为合适的窗口尺寸。

边界，文字缩进以及其它布局方因素也可以基于它们所包含的文字的尺寸，可以使用 em 单位，比如：

p {margin – left: 1.5em}

这意味着段落的边界宽度将是它里面的文字的高度的1.5倍。因此，当我们调整文字的尺寸，边界也会随着改变。

颜色

Web 是一个比印刷要色彩丰富得多的媒体，色彩对 Web 来说非常便宜。色彩具有装饰性，可以建立视觉表征，可以带来现实意义（比如吸引注意力），然而色彩也会为可访问性带来问题。

你是否知道在很多国家（或许全部），红绿色盲的人不可以申请飞行执照？因为警告信息通常都是按红色危险绿色安全的形式表现的。很遗憾，警告信息没有使用可适应性色彩搭配。

你的网页是否同样将一些用户挡在外面？这可不怎么样，因为不远的将来，多数浏览器将允许用户使用自定义 Style Sheet 调整页面的配色，，这些自定义 CSS 将覆盖你设计的 CSS。如何避免这些问题？不要使用 HTML 标签，使用 CSS，同时不要依赖同一种配色含义。

改变之途

“合抱之木，生於毫末；九層之臺，起於累土；千里之行，始於足下。”
《道德经》第64章（上）

思想与行为的改变并不容易，“下德不失德”。但我渐渐明白很多我认为理所当然的东西都需要重新考虑，过去我所读，所见，所闻，所谈皆需反思。Web 作为一个新媒体已经到了突破印刷媒体的时候，并非放弃那些智慧与经验，而是找到自己的使命。

Web 最强大的力量，一直以来被视为局限与缺点，然而 Web 的天性是弹性，我们作为开发者与设计者，需要拥抱这种弹性，实现一个自适的，容易访问的 Web，这些努力从释放我们的控制欲开始。

本文国际来源：http://www.alistapart.com/articles/dao

本文链接：http://www.blueidea.com/design/doc/2009/6404.asp　

出处：锐商企业CMS
责任编辑：bluehearts

上一页 Web 设计之道 [2] 下一页