有人認(rèn)為道是宿命，淺讀會(huì)覺得人應(yīng)當(dāng)無為，靜待事情的降臨而被動(dòng)反應(yīng)。我認(rèn)為，我們不應(yīng)為久遠(yuǎn)的目標(biāo)預(yù)設(shè)將來，相反，應(yīng)該有適應(yīng)力，而不是膠柱鼓瑟。

“見小曰明，守柔曰強(qiáng)。用其光，復(fù)歸其明，無遺身殃，是謂習(xí)常。”
《道德經(jīng)》第52章

我迄今所談到的所謂彈性即“適應(yīng)性”。前面所言總結(jié)起來就是：讓你的網(wǎng)頁(yè)具有適應(yīng)性。讓你的網(wǎng)頁(yè)具有可訪問性，不拘何種瀏覽器，何種平臺(tái)亦或何種屏幕。這意味著在任何屏幕尺寸，任何屏幕顏色數(shù)下，網(wǎng)頁(yè)都合法可用（同時(shí)還要記住，人們可能會(huì)打印這些網(wǎng)頁(yè)，或者使用讀屏軟件以及盲文瀏覽器進(jìn)行訪問）。這意味著網(wǎng)頁(yè)要適應(yīng)它的訪問者，它的訪問者可能視力不佳，希望使用比較大的字體。

設(shè)計(jì)適應(yīng)性網(wǎng)頁(yè)就是設(shè)計(jì)可訪問性網(wǎng)頁(yè)，而這是 Web 設(shè)計(jì)中遠(yuǎn)未實(shí)現(xiàn)的目標(biāo)，也是 W3C 的一個(gè)重要思想，對(duì) Web 設(shè)計(jì)來說，這是一個(gè)迫切的使命，將來的網(wǎng)頁(yè)也許要求實(shí)現(xiàn)通用訪問。

這聽上去不太可能，通用訪問，在當(dāng)今并不靈光的瀏覽器面前，在各種可以訪問 Web 的不成熟的移動(dòng)設(shè)備面前，只是一種理想。但我們?nèi)杂泻芏鄸|西可以努力，并為今后適應(yīng)性網(wǎng)頁(yè)設(shè)計(jì)打好基礎(chǔ)。

解決之道

“名亦既有，天將知止。知止不殆。譬道在天下，猶川谷與江海。”
《道德經(jīng)》第32章

如何實(shí)現(xiàn)自適應(yīng)性設(shè)計(jì)并提高可訪問性？我們要從多個(gè)方面做通盤考慮，然后針對(duì)這些考量給出解決步驟。首先，想一下你的網(wǎng)頁(yè)是做何之用，而不是看上去如何。讓你的設(shè)計(jì)跟隨你所提供的服務(wù)，而不是外觀。讓形式跟從功能，而不是設(shè)計(jì)。

這種思想的基石是區(qū)隔內(nèi)容與展示，這種說法你或許多次聽過，然而這可能是你所能走出的最重要的一步。舉個(gè)簡(jiǎn)單的例子，某個(gè)網(wǎng)頁(yè)上有一段斜體字，為什么要斜體？可能為了強(qiáng)調(diào)，或是引述，或者是在英語中使用了一個(gè)外文詞，在傳統(tǒng)印刷中，形式跟從功能。而 Web 出版的優(yōu)勢(shì)是我們可以將紙張上含糊的東西明確地表達(dá)出來，如果斜體的目的是強(qiáng)調(diào)，為什么要使用 <i> 實(shí)現(xiàn)而不是非 PC 平臺(tái)的瀏覽器也能認(rèn)識(shí)的 <em>？

從大范圍來說，不用將 HTML 用作展示，不要使用 <font>，<b> 以及 <i>，使用那些恰當(dāng)?shù)?HTML 標(biāo)簽，如果找不到恰當(dāng)?shù)臉?biāo)簽，使用 CSS 類。使用 CSS 進(jìn)行展示，我們要向前看，而不是墨守陳規(guī)。

如果你合理地運(yùn)用了 Style Sheet，并讓它引導(dǎo)，而不是控制你的網(wǎng)頁(yè)外觀，同時(shí)，你并沒有依賴 Style Sheet 表達(dá)信息，那么你的網(wǎng)頁(yè)就能在任何瀏覽器正常工作，不管是過去的，還是將來的。那些不支持 Style Sheet 的瀏覽器將輸出簡(jiǎn)單的內(nèi)容部分。事實(shí)上，我們最擔(dān)心的是那些對(duì) Style Sheet 支持有 BUG 的瀏覽器，今天，這是一個(gè)問題，不久前還沒有這么嚴(yán)重。現(xiàn)在，你可以限制你的 CSS 只使用其中被各種瀏覽器都完美支持的部分，對(duì)于那些不能很好支持的部分，可以使用那些展示型的 HTML 標(biāo)簽。作者曾為此寫過一些文章。

在實(shí)踐中，當(dāng) CSS 設(shè)計(jì)可能影響網(wǎng)頁(yè)的可訪問性時(shí)，你應(yīng)當(dāng)有所為有所不為。不管怎樣，不要依賴任何 CSS，絕對(duì)單位，如 px 以及 pt 都應(yīng)當(dāng)避免，對(duì)色彩的使用也要謹(jǐn)慎，而且永遠(yuǎn)不要依賴它們。

字體

一般來說，Windows, Mac 以及其它操作系統(tǒng)都只安裝了有限的字體，而它們之間共同的字體更少。目前的很多瀏覽器，以后會(huì)有更多，它們已經(jīng)可以允許用戶自己選擇顯示字體。使用 CSS，你可以指定盡可能多的字體，同樣，不要依賴它們，不管這種字體是多么普遍。

更重要的仍然是字號(hào)，你需要知道，同樣的字體，同樣的字號(hào)，在 Mac 系統(tǒng)上看上去要比 Windows 系統(tǒng)小。因?yàn)?Mac 的邏輯分辨率是 72dpi 而 Windows 是 96dpi。這很重要，首先，讓文字在 Mac 上和 Windows 上顯示一模一樣是不可能的，不過，如果你遵從的是適應(yīng)性設(shè)計(jì)，這將不會(huì)成為問題。

如果你還操心你的網(wǎng)頁(yè)最終看上去是否正好如何，說明你仍沒以適應(yīng)性設(shè)計(jì)思想思考問題。一個(gè)最主要的可訪問性問題是字號(hào)，我們這些視力正常的人可能不相信世界上有很大比例的人無法在印刷媒體上閱讀 14pt 以下的字體，更不要說顯示器，顯示器的分辨率更低。

這是否意味著 14pt 是最小的字號(hào)？非也，有的人的視力還要差，那到底用哪個(gè)字號(hào)？答案是，不要使用 pt，讓用戶自己選擇閱讀字體大小，px 也一樣，因?yàn)檫壿嫹直媛实牟顒e，一個(gè)平臺(tái)上的 px 和另一個(gè)平臺(tái)的 px 是不一樣大的。

對(duì)于標(biāo)題等位置，你仍可以使用大一些的字體。CSS 提供了多種方式設(shè)置字體尺寸，你可以按某個(gè)對(duì)象的父對(duì)象的百分比設(shè)置字體尺寸，比如，標(biāo)題位于網(wǎng)頁(yè)的 BODY 內(nèi)，如果你沒有設(shè)置 BODY 的字體尺寸，系統(tǒng)會(huì)取用戶自己指定的字體尺寸，有時(shí)候，我們有所不為也可以幫助提升可訪問性。

你可能會(huì)說，文字看上去太大，但你可以在瀏覽器中把它縮小，而你的用戶可以選擇放大或者縮小，依據(jù)他們的口味或需求。我們可以對(duì)標(biāo)題進(jìn)行強(qiáng)調(diào)，比如，將一級(jí)標(biāo)題的字號(hào)加大30%，二級(jí)標(biāo)題加大25%，這樣，不管你的頁(yè)面 BODY 部分選用了什么字號(hào)，標(biāo)題都按比例改變，同樣，字號(hào)也可以縮小，但需要小心，有時(shí)候，字號(hào)可能小到無法閱讀。

以上我們所做的僅僅是避免使用絕對(duì)尺寸字體已經(jīng)為可訪問性帶來很多幫助。

布局

邊界，頁(yè)寬，縮進(jìn)都是一些可以提升可訪問性的設(shè)計(jì)因素。瀏覽器窗口可以改變尺寸，并導(dǎo)致頁(yè)面尺寸的改變，不同的 Web 設(shè)備（Web TV, 高分辨率顯示器，PDA）擁有不同的最小與最大窗口尺寸，和固定字體尺寸一樣，頁(yè)面布局也會(huì)帶來可訪問性問題。

和字體一樣，布局也可以使用百分比實(shí)現(xiàn)適應(yīng)性設(shè)計(jì)，邊界可以使用其容器尺寸的某個(gè)百分比。在 CSS 中使用百分比寬度布局會(huì)自動(dòng)實(shí)現(xiàn)適應(yīng)性設(shè)計(jì)，隨著瀏覽器窗口的拉寬與收窄，頁(yè)面的各個(gè)部分自動(dòng)適應(yīng)以維持相同的比例，從而整體頁(yè)面也自動(dòng)適應(yīng)，用戶可以自己選擇一個(gè)他們認(rèn)為合適的窗口尺寸。

邊界，文字縮進(jìn)以及其它布局方因素也可以基于它們所包含的文字的尺寸，可以使用 em 單位，比如：

p {margin – left: 1.5em}

這意味著段落的邊界寬度將是它里面的文字的高度的1.5倍。因此，當(dāng)我們調(diào)整文字的尺寸，邊界也會(huì)隨著改變。

顏色

Web 是一個(gè)比印刷要色彩豐富得多的媒體，色彩對(duì) Web 來說非常便宜。色彩具有裝飾性，可以建立視覺表征，可以帶來現(xiàn)實(shí)意義（比如吸引注意力），然而色彩也會(huì)為可訪問性帶來問題。

你是否知道在很多國(guó)家（或許全部），紅綠色盲的人不可以申請(qǐng)飛行執(zhí)照？因?yàn)榫嫘畔⑼ǔ６际前醇t色危險(xiǎn)綠色安全的形式表現(xiàn)的。很遺憾，警告信息沒有使用可適應(yīng)性色彩搭配。

你的網(wǎng)頁(yè)是否同樣將一些用戶擋在外面？這可不怎么樣，因?yàn)椴贿h(yuǎn)的將來，多數(shù)瀏覽器將允許用戶使用自定義 Style Sheet 調(diào)整頁(yè)面的配色，，這些自定義 CSS 將覆蓋你設(shè)計(jì)的 CSS。如何避免這些問題？不要使用 HTML 標(biāo)簽，使用 CSS，同時(shí)不要依賴同一種配色含義。

改變之途

“合抱之木，生於毫末；九層之臺(tái)，起於累土；千里之行，始於足下?！?BR>《道德經(jīng)》第64章（上）

思想與行為的改變并不容易，“下德不失德”。但我漸漸明白很多我認(rèn)為理所當(dāng)然的東西都需要重新考慮，過去我所讀，所見，所聞，所談皆需反思。Web 作為一個(gè)新媒體已經(jīng)到了突破印刷媒體的時(shí)候，并非放棄那些智慧與經(jīng)驗(yàn)，而是找到自己的使命。

Web 最強(qiáng)大的力量，一直以來被視為局限與缺點(diǎn)，然而 Web 的天性是彈性，我們作為開發(fā)者與設(shè)計(jì)者，需要擁抱這種彈性，實(shí)現(xiàn)一個(gè)自適的，容易訪問的 Web，這些努力從釋放我們的控制欲開始。

本文國(guó)際來源：http://www.alistapart.com/articles/dao