網(wǎng)站翻譯
“萬維網(wǎng)”一詞名副其實：讓世界上的每個人都能用得上。這或多或少是真的，因為仍然有許多網(wǎng)絡用戶的需求沒有得到充分滿足。針對如何讓身有障礙人士以及那些不會說英語的用戶訪問網(wǎng)頁，萬維網(wǎng)聯(lián)盟 (W3C) 提供了一些建議。

什么是無障礙？
網(wǎng)絡無障礙倡議 (WAI) 的定義是“……網(wǎng)絡無障礙是指身有障礙的人士能夠感知、理解、定位并與網(wǎng)絡互動，而且這些人還可以推動網(wǎng)絡的發(fā)展。網(wǎng)絡無障礙同樣也會惠及其他人，例如因為年齡增長而致使能力變化的老年人。”

網(wǎng)絡國際化
網(wǎng)絡國際化是以多種語言而非一種語言提供內(nèi)容的實踐。在網(wǎng)絡上，語言可以決定文本方向、要使用的字體，甚至是屏幕閱讀器使用的發(fā)音詞典。

一個網(wǎng)站基本上由三層組成：內(nèi)容、表示和行為。

內(nèi)容層是讀者訪問您的網(wǎng)頁時可以看到的內(nèi)容。內(nèi)容可以由文本或圖像組成，并包含讀者定位網(wǎng)站所需的提示。在網(wǎng)絡開發(fā)中，HTML 構成了內(nèi)容層，也構成了網(wǎng)頁文件。

表示層是指文件呈現(xiàn)方式。該層由 CSS 或表示文件應該在何種媒體上進行展示以及展示方式的樣式進行定義。

行為層是執(zhí)行功能的網(wǎng)頁層。如果您使用的是 Ajax 或 DHTML，那么其實是 JavaScript 讓網(wǎng)頁執(zhí)行操作。如果您有 PHP/.Net 或任何其他類型的后端，當讀者點擊網(wǎng)頁某處時，這個后端就會產(chǎn)生結果。對于大多數(shù)網(wǎng)頁來說，第一層行為就是網(wǎng)頁上的 JavaScript 交互。

網(wǎng)絡無障礙的原則之一就是這三種類型的信息應該相互分離。盲人用戶肯定無法“看到”屏幕上的任何內(nèi)容，因此需要提供另一種向該用戶“呈現(xiàn)”信息的方式。阿拉伯在線用戶嘗試閱讀左對齊的阿拉伯語內(nèi)容時會有極糟糕的體驗，而讓中國用戶嘗試閱讀字號為 11px 的中文文本也會有一定難度。如您所見，無障礙不僅僅是盲人的事。

無障礙標準
您將不得不花一大筆錢做網(wǎng)站測試，以確保在所有可能使用的設備上合理顯示。如果您必須要適應 IE6 這樣不符合標準的舊瀏覽器，您可能就會知道在主流瀏覽器上全面測試一個設計產(chǎn)品絕非易事。就算將輔助技術軟硬件添加進來幾乎都不可能完成這項任務。

那么，網(wǎng)絡開發(fā)者如何處理這些問題呢？世界各地的無障礙主題專家將他們的心得凝聚在一起并提出了一系列可供供網(wǎng)絡開發(fā)者遵循的建議。網(wǎng)絡開發(fā)人員學習完這些標準后，就無需浪費時間查找那些可能的訪問途徑。通過遵循這些標準，開發(fā)人員就可以有理由相信一個符合標準的網(wǎng)頁將會供廣大讀者訪問。




層疊樣式表
層疊樣式表 (CSS) 輕松即可將字體、顏色、布局等樣式添加到網(wǎng)頁中。CSS 的目的主要是為了實現(xiàn)文件內(nèi)容與呈現(xiàn)方式的分離。

如果我們將對“表示”的理解上升到“呈現(xiàn)”這樣的層面，就能避免隱含的視覺形式，從而可以為一系列的輸出媒體自定義 CSS。此外，我們還可以撰寫單獨適用于媒體的樣式表，考慮到媒體的表現(xiàn)形式多種多樣，從盲文到計算機屏幕無所不包。

第二級層疊樣式表媒體類型出現(xiàn)于 1998 年。詳細信息如下：（摘自 W3C 文件，側重于特定于可訪問性的媒體）

聽覺：用于語音合成器。
盲文：用于盲文觸覺反饋設備。
壓花：用于分頁盲文打印機。
打印：適用于分頁、不透明材料和在打印預覽模式下在屏幕上查看文件。
屏幕：主要用于彩色電腦屏幕。
TTY：適用于使用固定間距字符網(wǎng)格的媒體，如電傳打字機、終端或顯示能力有限的便攜式設備。
設計文件樣式的首選方法是使用外部樣式。獨立維護的文件可以通過引用的方式包含在無限個 HTML 文件中，一次操作即可完成更新。將樣式表鏈接到文件的方式如下所示：

"stylesheet" href="stylesheet.css" type="text/css" />
要使用媒體樣式表，只需向鏈接屬性媒體添加一個屬性?？赡艿姆绞饺缦拢?/em>

< link rel="stylesheet" href="aural.css" type="text/css" media="aural" />
< link rel="stylesheet" href="braille.css" type="text/css" media="braille" />

如果您沒有為樣式表指定媒體，圖形網(wǎng)絡瀏覽器會默認將媒體的值設為“all”。在第二級層疊樣式表中，您不必為各種媒體使用單獨的樣式表；您可以使用 @media 規(guī)則來指定媒體。

您還可以將媒體查詢與偽類配對，最顯著的是 lang 偽類。第二級層疊樣式表規(guī)范定義了一個特殊的偽類 :lang()，用于表明只能將規(guī)則應用于與特定語言搭配的元素，這樣的規(guī)則可以寫成：

:lang(zh-CN) { font-size: 120%; }
這樣所顯示的簡體中文字體大小都會是整個文件指定的基本語言字體大小的 1.2 倍。
根據(jù)網(wǎng)絡內(nèi)容無障礙指南，您需要說明文件所使用語言的變化，您可以通過將 lang="languagecode" 屬性添加到標簽（例如

 

、、 或 ）來實現(xiàn)這一點。此外，為了指定語言的更改，您必須要先明確說明默認語言、基本語言或原始語言，這是通過將 lang="languagecode " 添加到 或最好是 標簽來實現(xiàn)的：
< p lang="zh-CN"> 關于我們

 

就其本身而言，:lang() 并不特別有用，但是當與其他 CSS 規(guī)則和屬性結合時，它就會變得非常強大。

列表標記
:lang() 規(guī)則應用之一就是為有序列表設置適當?shù)臉擞洝＠纾?br /> ol Li:lang(hy-AM){ list-style-type:Armenian;}

這樣就可以將亞美尼亞文本的列表樣式設置為傳統(tǒng)的大寫亞美尼亞文編號。亞美尼亞語、格魯吉亞語、羅馬語和希臘語數(shù)字 / 字母會有特定的值。您可以在 W3C 生成的內(nèi)容、自動編號和列表中找到完整的列表。

雙向文本
CSS 的兩個屬性，方向和 unicode-bidi，可以用于影響正確方向的計算。在大多數(shù)情況下，如果您在文件 / 文本運行中設置了正確的語言，就不需要使用這些屬性，不過您可能偶爾會需要更改文本方向。您應該首先使用 unicode-bidi 屬性來創(chuàng)建額外的嵌入級別或設置重寫。那么方向值可以設置為從左到右或從右到左。

總結
身有障礙用戶和其他任何人一樣有權使用網(wǎng)絡，但是由于粗心的網(wǎng)絡設計，他們經(jīng)常無法訪問網(wǎng)站。使用層疊樣式表是開發(fā)一個可供所有人使用的網(wǎng)站的第一步，因為樣式表將表示方式和內(nèi)容分隔開來。雖然輔助技術設備和軟件通?？梢宰屔碛姓系K用戶訪問網(wǎng)站，但前提是要保證網(wǎng)站設計符合網(wǎng)絡無障礙標準。W3C 已經(jīng)制定了網(wǎng)絡內(nèi)容無障礙指南，這是網(wǎng)絡開發(fā)者寶貴的學習資源。

除了身有障礙用戶，非英語國家的用戶也使用網(wǎng)絡。CSS 是為國際化而設計的；例如，可以使用 :lang() 偽元素為特定語言制定規(guī)則，并且 list-style-type 屬性可以生成眾多的非英語數(shù)字標記。

牢記網(wǎng)站全球化這一目標
無論您是想通過發(fā)布多語言產(chǎn)品來增加全球市場份額和投資回報率，還是想通過開發(fā)多語言網(wǎng)站來提高公司的全球運營效率，網(wǎng)站全球化都是實現(xiàn)這兩者的必要條件。不同客戶有著不同的需求，而且在一個復雜的軟件全球化項目中，有各種各樣的因素可以影響資源和成本。
 


網(wǎng)站翻譯