字體
一般來說,Windows, Mac 以及其它操作系統(tǒng)都只安裝了有限的字體,而它們之間共同的字體更少。目前的很多瀏覽器,以后會有更多,它們已經(jīng)可以允許用戶自己選擇顯示字體。使用 CSS,你可以指定盡可能多的字體,同樣,不要依賴它們,不管這種字體是多么普遍。
更重要的仍然是字號,你需要知道,同樣的字體,同樣的字號,在 Mac 系統(tǒng)上看上去要比 Windows 系統(tǒng)小。因為 Mac 的邏輯分辨率是 72dpi 而 Windows 是 96dpi。這很重要,首先,讓文字在 Mac 上和 Windows 上顯示一模一樣是不可能的,不過,如果你遵從的是適應(yīng)性設(shè)計,這將不會成為問題。
如果你還操心你的網(wǎng)頁最終看上去是否正好如何,說明你仍沒以適應(yīng)性設(shè)計思想思考問題。一個最主要的可訪問性問題是字號,我們這些視力正常的人可能不相信世界上有很大比例的人無法在印刷媒體上閱讀 14pt 以下的字體,更不要說顯示器,顯示器的分辨率更低。
這是否意味著 14pt 是最小的字號?非也,有的人的視力還要差,那到底用哪個字號?答案是,不要使用 pt,讓用戶自己選擇閱讀字體大小,px 也一樣,因為邏輯分辨率的差別,一個平臺上的 px 和另一個平臺的 px 是不一樣大的。
對于標(biāo)題等位置,你仍可以使用大一些的字體。CSS 提供了多種方式設(shè)置字體尺寸,你可以按某個對象的父對象的百分比設(shè)置字體尺寸,比如,標(biāo)題位于網(wǎng)頁的 BODY 內(nèi),如果你沒有設(shè)置 BODY 的字體尺寸,系統(tǒng)會取用戶自己指定的字體尺寸,有時候,我們有所不為也可以幫助提升可訪問性。
你可能會說,文字看上去太大,但你可以在瀏覽器中把它縮小,而你的用戶可以選擇放大或者縮小,依據(jù)他們的口味或需求。我們可以對標(biāo)題進(jìn)行強(qiáng)調(diào),比如,將一級標(biāo)題的字號加大30%,二級標(biāo)題加大25%,這樣,不管你的頁面 BODY 部分選用了什么字號,標(biāo)題都按比例改變,同樣,字號也可以縮小,但需要小心,有時候,字號可能小到無法閱讀。
以上我們所做的僅僅是避免使用絕對尺寸字體已經(jīng)為可訪問性帶來很多幫助。
布局
邊界,頁寬,縮進(jìn)都是一些可以提升可訪問性的設(shè)計因素。瀏覽器窗口可以改變尺寸,并導(dǎo)致頁面尺寸的改變,不同的 Web 設(shè)備(Web TV, 高分辨率顯示器,PDA)擁有不同的最小與最大窗口尺寸,和固定字體尺寸一樣,頁面布局也會帶來可訪問性問題。
和字體一樣,布局也可以使用百分比實現(xiàn)適應(yīng)性設(shè)計,邊界可以使用其容器尺寸的某個百分比。在 CSS 中使用百分比寬度布局會自動實現(xiàn)適應(yīng)性設(shè)計,隨著瀏覽器窗口的拉寬與收窄,頁面的各個部分自動適應(yīng)以維持相同的比例,從而整體頁面也自動適應(yīng),用戶可以自己選擇一個他們認(rèn)為合適的窗口尺寸。
邊界,文字縮進(jìn)以及其它布局方因素也可以基于它們所包含的文字的尺寸,可以使用 em 單位,比如:
p {margin – left: 1.5em}
這意味著段落的邊界寬度將是它里面的文字的高度的1.5倍。因此,當(dāng)我們調(diào)整文字的尺寸,邊界也會隨著改變。
顏色
Web 是一個比印刷要色彩豐富得多的媒體,色彩對 Web 來說非常便宜。色彩具有裝飾性,可以建立視覺表征,可以帶來現(xiàn)實意義(比如吸引注意力),然而色彩也會為可訪問性帶來問題。
你是否知道在很多國家(或許全部),紅綠色盲的人不可以申請飛行執(zhí)照?因為警告信息通常都是按紅色危險綠色安全的形式表現(xiàn)的。很遺憾,警告信息沒有使用可適應(yīng)性色彩搭配。
你的網(wǎng)頁是否同樣將一些用戶擋在外面?這可不怎么樣,因為不遠(yuǎn)的將來,多數(shù)瀏覽器將允許用戶使用自定義 Style Sheet 調(diào)整頁面的配色,,這些自定義 CSS 將覆蓋你設(shè)計的 CSS。如何避免這些問題?不要使用 HTML 標(biāo)簽,使用 CSS,同時不要依賴同一種配色含義。
改變之途
“合抱之木,生於毫末;九層之臺,起於累土;千里之行,始於足下! 《道德經(jīng)》第64章(上)
思想與行為的改變并不容易,“下德不失德”。但我漸漸明白很多我認(rèn)為理所當(dāng)然的東西都需要重新考慮,過去我所讀,所見,所聞,所談皆需反思。Web 作為一個新媒體已經(jīng)到了突破印刷媒體的時候,并非放棄那些智慧與經(jīng)驗,而是找到自己的使命。
Web 最強(qiáng)大的力量,一直以來被視為局限與缺點,然而 Web 的天性是彈性,我們作為開發(fā)者與設(shè)計者,需要擁抱這種彈性,實現(xiàn)一個自適的,容易訪問的 Web,這些努力從釋放我們的控制欲開始。
本文國際來源:http://www.alistapart.com/articles/dao
本文鏈接:http://www.95time.cn/design/doc/2009/6404.asp
出處:銳商企業(yè)CMS
責(zé)任編輯:bluehearts
上一頁 Web 設(shè)計之道 [2] 下一頁
|