網(wǎng)站國際翻譯注意事項
Date: 2021-02-22 16:35:24Source: 志遠翻譯
網(wǎng)站翻譯
“萬(wàn)維網(wǎng)”一詞名副其實(shí)：讓世界上的每個(gè)人都能用得上。這或多或少是真的，因為仍然有許多網(wǎng)絡(luò )用戶(hù)的需求沒(méi)有得到充分滿(mǎn)足。針對如何讓身有障礙人士以及那些不會(huì )說(shuō)英語(yǔ)的用戶(hù)訪(fǎng)問(wèn)網(wǎng)頁(yè)，萬(wàn)維網(wǎng)聯(lián)盟 (W3C) 提供了一些建議。
什么是無(wú)障礙？
網(wǎng)絡(luò )無(wú)障礙倡議 (WAI) 的定義是“……網(wǎng)絡(luò )無(wú)障礙是指身有障礙的人士能夠感知、理解、定位并與網(wǎng)絡(luò )互動(dòng)，而且這些人還可以推動(dòng)網(wǎng)絡(luò )的發(fā)展。網(wǎng)絡(luò )無(wú)障礙同樣也會(huì )惠及其他人，例如因為年齡增長(cháng)而致使能力變化的老年人。”
網(wǎng)絡(luò )國際化
網(wǎng)絡(luò )國際化是以多種語(yǔ)言而非一種語(yǔ)言提供內容的實(shí)踐。在網(wǎng)絡(luò )上，語(yǔ)言可以決定文本方向、要使用的字體，甚至是屏幕閱讀器使用的發(fā)音詞典。
一個(gè)網(wǎng)站基本上由三層組成：內容、表示和行為。
內容層是讀者訪(fǎng)問(wèn)您的網(wǎng)頁(yè)時(shí)可以看到的內容。內容可以由文本或圖像組成，并包含讀者定位網(wǎng)站所需的提示。在網(wǎng)絡(luò )開(kāi)發(fā)中，HTML 構成了內容層，也構成了網(wǎng)頁(yè)文件。
表示層是指文件呈現方式。該層由 CSS 或表示文件應該在何種媒體上進(jìn)行展示以及展示方式的樣式進(jìn)行定義。
行為層是執行功能的網(wǎng)頁(yè)層。如果您使用的是 Ajax 或 DHTML，那么其實(shí)是 JavaScript 讓網(wǎng)頁(yè)執行操作。如果您有 PHP/.Net 或任何其他類(lèi)型的后端，當讀者點(diǎn)擊網(wǎng)頁(yè)某處時(shí)，這個(gè)后端就會(huì )產(chǎn)生結果。對于大多數網(wǎng)頁(yè)來(lái)說(shuō)，第一層行為就是網(wǎng)頁(yè)上的 JavaScript 交互。
網(wǎng)絡(luò )無(wú)障礙的原則之一就是這三種類(lèi)型的信息應該相互分離。盲人用戶(hù)肯定無(wú)法“看到”屏幕上的任何內容，因此需要提供另一種向該用戶(hù)“呈現”信息的方式。阿拉伯在線(xiàn)用戶(hù)嘗試閱讀左對齊的阿拉伯語(yǔ)內容時(shí)會(huì )有極糟糕的體驗，而讓中國用戶(hù)嘗試閱讀字號為 11px 的中文文本也會(huì )有一定難度。如您所見(jiàn)，無(wú)障礙不僅僅是盲人的事。
無(wú)障礙標準
您將不得不花一大筆錢(qián)做網(wǎng)站測試，以確保在所有可能使用的設備上合理顯示。如果您必須要適應 IE6 這樣不符合標準的舊瀏覽器，您可能就會(huì )知道在主流瀏覽器上全面測試一個(gè)設計產(chǎn)品絕非易事。就算將輔助技術(shù)軟硬件添加進(jìn)來(lái)幾乎都不可能完成這項任務(wù)。
那么，網(wǎng)絡(luò )開(kāi)發(fā)者如何處理這些問(wèn)題呢？世界各地的無(wú)障礙主題專(zhuān)家將他們的心得凝聚在一起并提出了一系列可供供網(wǎng)絡(luò )開(kāi)發(fā)者遵循的建議。網(wǎng)絡(luò )開(kāi)發(fā)人員學(xué)習完這些標準后，就無(wú)需浪費時(shí)間查找那些可能的訪(fǎng)問(wèn)途徑。通過(guò)遵循這些標準，開(kāi)發(fā)人員就可以有理由相信一個(gè)符合標準的網(wǎng)頁(yè)將會(huì )供廣大讀者訪(fǎng)問(wèn)。
層疊樣式表
層疊樣式表 (CSS) 輕松即可將字體、顏色、布局等樣式添加到網(wǎng)頁(yè)中。CSS 的目的主要是為了實(shí)現文件內容與呈現方式的分離。
如果我們將對“表示”的理解上升到“呈現”這樣的層面，就能避免隱含的視覺(jué)形式，從而可以為一系列的輸出媒體自定義 CSS。此外，我們還可以撰寫(xiě)單獨適用于媒體的樣式表，考慮到媒體的表現形式多種多樣，從盲文到計算機屏幕無(wú)所不包。
第二級層疊樣式表媒體類(lèi)型出現于 1998 年。詳細信息如下：（摘自 W3C 文件，側重于特定于可訪(fǎng)問(wèn)性的媒體）
聽(tīng)覺(jué)：用于語(yǔ)音合成器。
盲文：用于盲文觸覺(jué)反饋設備。
壓花：用于分頁(yè)盲文打印機。
打印：適用于分頁(yè)、不透明材料和在打印預覽模式下在屏幕上查看文件。
屏幕：主要用于彩色電腦屏幕。
TTY：適用于使用固定間距字符網(wǎng)格的媒體，如電傳打字機、終端或顯示能力有限的便攜式設備。
設計文件樣式的首選方法是使用外部樣式。獨立維護的文件可以通過(guò)引用的方式包含在無(wú)限個(gè) HTML 文件中，一次操作即可完成更新。將樣式表鏈接到文件的方式如下所示：
"stylesheet" href="stylesheet.css" type="text/css" />
要使用媒體樣式表，只需向鏈接屬性媒體添加一個(gè)屬性?？赡艿姆绞饺缦拢?/em>
< link rel="stylesheet" href="aural.css" type="text/css" media="aural" />
< link rel="stylesheet" href="braille.css" type="text/css" media="braille" />
如果您沒(méi)有為樣式表指定媒體，圖形網(wǎng)絡(luò )瀏覽器會(huì )默認將媒體的值設為“all”。在第二級層疊樣式表中，您不必為各種媒體使用單獨的樣式表；您可以使用 @media 規則來(lái)指定媒體。
您還可以將媒體查詢(xún)與偽類(lèi)配對，最顯著(zhù)的是 lang 偽類(lèi)。第二級層疊樣式表規范定義了一個(gè)特殊的偽類(lèi) :lang()，用于表明只能將規則應用于與特定語(yǔ)言搭配的元素，這樣的規則可以寫(xiě)成：
:lang(zh-CN) { font-size: 120%; }
這樣所顯示的簡(jiǎn)體中文字體大小都會(huì )是整個(gè)文件指定的基本語(yǔ)言字體大小的 1.2 倍。
根據網(wǎng)絡(luò )內容無(wú)障礙指南，您需要說(shuō)明文件所使用語(yǔ)言的變化，您可以通過(guò)將 lang="languagecode" 屬性添加到標簽（例如
< p lang="zh-CN"> 關(guān)于我們
就其本身而言，:lang() 并不特別有用，但是當與其他 CSS 規則和屬性結合時(shí)，它就會(huì )變得非常強大。
列表標記
:lang() 規則應用之一就是為有序列表設置適當的標記。例如：
ol Li:lang(hy-AM){ list-style-type:Armenian;}
這樣就可以將亞美尼亞文本的列表樣式設置為傳統的大寫(xiě)亞美尼亞文編號。亞美尼亞語(yǔ)、格魯吉亞語(yǔ)、羅馬語(yǔ)和希臘語(yǔ)數字 / 字母會(huì )有特定的值。您可以在 W3C 生成的內容、自動(dòng)編號和列表中找到完整的列表。
雙向文本
CSS 的兩個(gè)屬性，方向和 unicode-bidi，可以用于影響正確方向的計算。在大多數情況下，如果您在文件 / 文本運行中設置了正確的語(yǔ)言，就不需要使用這些屬性，不過(guò)您可能偶爾會(huì )需要更改文本方向。您應該首先使用 unicode-bidi 屬性來(lái)創(chuàng )建額外的嵌入級別或設置重寫(xiě)。那么方向值可以設置為從左到右或從右到左。
總結
身有障礙用戶(hù)和其他任何人一樣有權使用網(wǎng)絡(luò )，但是由于粗心的網(wǎng)絡(luò )設計，他們經(jīng)常無(wú)法訪(fǎng)問(wèn)網(wǎng)站。使用層疊樣式表是開(kāi)發(fā)一個(gè)可供所有人使用的網(wǎng)站的第一步，因為樣式表將表示方式和內容分隔開(kāi)來(lái)。雖然輔助技術(shù)設備和軟件通?？梢宰屔碛姓系K用戶(hù)訪(fǎng)問(wèn)網(wǎng)站，但前提是要保證網(wǎng)站設計符合網(wǎng)絡(luò )無(wú)障礙標準。W3C 已經(jīng)制定了網(wǎng)絡(luò )內容無(wú)障礙指南，這是網(wǎng)絡(luò )開(kāi)發(fā)者寶貴的學(xué)習資源。
除了身有障礙用戶(hù)，非英語(yǔ)國家的用戶(hù)也使用網(wǎng)絡(luò )。CSS 是為國際化而設計的；例如，可以使用 :lang() 偽元素為特定語(yǔ)言制定規則，并且 list-style-type 屬性可以生成眾多的非英語(yǔ)數字標記。
牢記網(wǎng)站全球化這一目標
無(wú)論您是想通過(guò)發(fā)布多語(yǔ)言產(chǎn)品來(lái)增加全球市場(chǎng)份額和投資回報率，還是想通過(guò)開(kāi)發(fā)多語(yǔ)言網(wǎng)站來(lái)提高公司的全球運營(yíng)效率，網(wǎng)站全球化都是實(shí)現這兩者的必要條件。不同客戶(hù)有著(zhù)不同的需求，而且在一個(gè)復雜的軟件全球化項目中，有各種各樣的因素可以影響資源和成本。
網(wǎng)站翻譯
“萬(wàn)維網(wǎng)”一詞名副其實(shí)：讓世界上的每個(gè)人都能用得上。這或多或少是真的，因為仍然有許多網(wǎng)絡(luò )用戶(hù)的需求沒(méi)有得到充分滿(mǎn)足。針對如何讓身有障礙人士以及那些不會(huì )說(shuō)英語(yǔ)的用戶(hù)訪(fǎng)問(wèn)網(wǎng)頁(yè)，萬(wàn)維網(wǎng)聯(lián)盟 (W3C) 提供了一些建議。
什么是無(wú)障礙？
網(wǎng)絡(luò )無(wú)障礙倡議 (WAI) 的定義是“……網(wǎng)絡(luò )無(wú)障礙是指身有障礙的人士能夠感知、理解、定位并與網(wǎng)絡(luò )互動(dòng)，而且這些人還可以推動(dòng)網(wǎng)絡(luò )的發(fā)展。網(wǎng)絡(luò )無(wú)障礙同樣也會(huì )惠及其他人，例如因為年齡增長(cháng)而致使能力變化的老年人。”
網(wǎng)絡(luò )國際化
網(wǎng)絡(luò )國際化是以多種語(yǔ)言而非一種語(yǔ)言提供內容的實(shí)踐。在網(wǎng)絡(luò )上，語(yǔ)言可以決定文本方向、要使用的字體，甚至是屏幕閱讀器使用的發(fā)音詞典。
一個(gè)網(wǎng)站基本上由三層組成：內容、表示和行為。
內容層是讀者訪(fǎng)問(wèn)您的網(wǎng)頁(yè)時(shí)可以看到的內容。內容可以由文本或圖像組成，并包含讀者定位網(wǎng)站所需的提示。在網(wǎng)絡(luò )開(kāi)發(fā)中，HTML 構成了內容層，也構成了網(wǎng)頁(yè)文件。
表示層是指文件呈現方式。該層由 CSS 或表示文件應該在何種媒體上進(jìn)行展示以及展示方式的樣式進(jìn)行定義。
行為層是執行功能的網(wǎng)頁(yè)層。如果您使用的是 Ajax 或 DHTML，那么其實(shí)是 JavaScript 讓網(wǎng)頁(yè)執行操作。如果您有 PHP/.Net 或任何其他類(lèi)型的后端，當讀者點(diǎn)擊網(wǎng)頁(yè)某處時(shí)，這個(gè)后端就會(huì )產(chǎn)生結果。對于大多數網(wǎng)頁(yè)來(lái)說(shuō)，第一層行為就是網(wǎng)頁(yè)上的 JavaScript 交互。
網(wǎng)絡(luò )無(wú)障礙的原則之一就是這三種類(lèi)型的信息應該相互分離。盲人用戶(hù)肯定無(wú)法“看到”屏幕上的任何內容，因此需要提供另一種向該用戶(hù)“呈現”信息的方式。阿拉伯在線(xiàn)用戶(hù)嘗試閱讀左對齊的阿拉伯語(yǔ)內容時(shí)會(huì )有極糟糕的體驗，而讓中國用戶(hù)嘗試閱讀字號為 11px 的中文文本也會(huì )有一定難度。如您所見(jiàn)，無(wú)障礙不僅僅是盲人的事。
無(wú)障礙標準
您將不得不花一大筆錢(qián)做網(wǎng)站測試，以確保在所有可能使用的設備上合理顯示。如果您必須要適應 IE6 這樣不符合標準的舊瀏覽器，您可能就會(huì )知道在主流瀏覽器上全面測試一個(gè)設計產(chǎn)品絕非易事。就算將輔助技術(shù)軟硬件添加進(jìn)來(lái)幾乎都不可能完成這項任務(wù)。
那么，網(wǎng)絡(luò )開(kāi)發(fā)者如何處理這些問(wèn)題呢？世界各地的無(wú)障礙主題專(zhuān)家將他們的心得凝聚在一起并提出了一系列可供供網(wǎng)絡(luò )開(kāi)發(fā)者遵循的建議。網(wǎng)絡(luò )開(kāi)發(fā)人員學(xué)習完這些標準后，就無(wú)需浪費時(shí)間查找那些可能的訪(fǎng)問(wèn)途徑。通過(guò)遵循這些標準，開(kāi)發(fā)人員就可以有理由相信一個(gè)符合標準的網(wǎng)頁(yè)將會(huì )供廣大讀者訪(fǎng)問(wèn)。
層疊樣式表
層疊樣式表 (CSS) 輕松即可將字體、顏色、布局等樣式添加到網(wǎng)頁(yè)中。CSS 的目的主要是為了實(shí)現文件內容與呈現方式的分離。
如果我們將對“表示”的理解上升到“呈現”這樣的層面，就能避免隱含的視覺(jué)形式，從而可以為一系列的輸出媒體自定義 CSS。此外，我們還可以撰寫(xiě)單獨適用于媒體的樣式表，考慮到媒體的表現形式多種多樣，從盲文到計算機屏幕無(wú)所不包。
第二級層疊樣式表媒體類(lèi)型出現于 1998 年。詳細信息如下：（摘自 W3C 文件，側重于特定于可訪(fǎng)問(wèn)性的媒體）
聽(tīng)覺(jué)：用于語(yǔ)音合成器。
盲文：用于盲文觸覺(jué)反饋設備。
壓花：用于分頁(yè)盲文打印機。
打印：適用于分頁(yè)、不透明材料和在打印預覽模式下在屏幕上查看文件。
屏幕：主要用于彩色電腦屏幕。
TTY：適用于使用固定間距字符網(wǎng)格的媒體，如電傳打字機、終端或顯示能力有限的便攜式設備。
設計文件樣式的首選方法是使用外部樣式。獨立維護的文件可以通過(guò)引用的方式包含在無(wú)限個(gè) HTML 文件中，一次操作即可完成更新。將樣式表鏈接到文件的方式如下所示：
"stylesheet" href="stylesheet.css" type="text/css" />
要使用媒體樣式表，只需向鏈接屬性媒體添加一個(gè)屬性?？赡艿姆绞饺缦拢?/em>
< link rel="stylesheet" href="aural.css" type="text/css" media="aural" />
< link rel="stylesheet" href="braille.css" type="text/css" media="braille" />
如果您沒(méi)有為樣式表指定媒體，圖形網(wǎng)絡(luò )瀏覽器會(huì )默認將媒體的值設為“all”。在第二級層疊樣式表中，您不必為各種媒體使用單獨的樣式表；您可以使用 @media 規則來(lái)指定媒體。
您還可以將媒體查詢(xún)與偽類(lèi)配對，最顯著(zhù)的是 lang 偽類(lèi)。第二級層疊樣式表規范定義了一個(gè)特殊的偽類(lèi) :lang()，用于表明只能將規則應用于與特定語(yǔ)言搭配的元素，這樣的規則可以寫(xiě)成：
:lang(zh-CN) { font-size: 120%; }
這樣所顯示的簡(jiǎn)體中文字體大小都會(huì )是整個(gè)文件指定的基本語(yǔ)言字體大小的 1.2 倍。
根據網(wǎng)絡(luò )內容無(wú)障礙指南，您需要說(shuō)明文件所使用語(yǔ)言的變化，您可以通過(guò)將 lang="languagecode" 屬性添加到標簽（例如
、、 或
< p lang="zh-CN"> 關(guān)于我們
就其本身而言，:lang() 并不特別有用，但是當與其他 CSS 規則和屬性結合時(shí)，它就會(huì )變得非常強大。
列表標記
:lang() 規則應用之一就是為有序列表設置適當的標記。例如：
ol Li:lang(hy-AM){ list-style-type:Armenian;}
這樣就可以將亞美尼亞文本的列表樣式設置為傳統的大寫(xiě)亞美尼亞文編號。亞美尼亞語(yǔ)、格魯吉亞語(yǔ)、羅馬語(yǔ)和希臘語(yǔ)數字 / 字母會(huì )有特定的值。您可以在 W3C 生成的內容、自動(dòng)編號和列表中找到完整的列表。
雙向文本
CSS 的兩個(gè)屬性，方向和 unicode-bidi，可以用于影響正確方向的計算。在大多數情況下，如果您在文件 / 文本運行中設置了正確的語(yǔ)言，就不需要使用這些屬性，不過(guò)您可能偶爾會(huì )需要更改文本方向。您應該首先使用 unicode-bidi 屬性來(lái)創(chuàng )建額外的嵌入級別或設置重寫(xiě)。那么方向值可以設置為從左到右或從右到左。
總結
身有障礙用戶(hù)和其他任何人一樣有權使用網(wǎng)絡(luò )，但是由于粗心的網(wǎng)絡(luò )設計，他們經(jīng)常無(wú)法訪(fǎng)問(wèn)網(wǎng)站。使用層疊樣式表是開(kāi)發(fā)一個(gè)可供所有人使用的網(wǎng)站的第一步，因為樣式表將表示方式和內容分隔開(kāi)來(lái)。雖然輔助技術(shù)設備和軟件通?？梢宰屔碛姓系K用戶(hù)訪(fǎng)問(wèn)網(wǎng)站，但前提是要保證網(wǎng)站設計符合網(wǎng)絡(luò )無(wú)障礙標準。W3C 已經(jīng)制定了網(wǎng)絡(luò )內容無(wú)障礙指南，這是網(wǎng)絡(luò )開(kāi)發(fā)者寶貴的學(xué)習資源。
除了身有障礙用戶(hù)，非英語(yǔ)國家的用戶(hù)也使用網(wǎng)絡(luò )。CSS 是為國際化而設計的；例如，可以使用 :lang() 偽元素為特定語(yǔ)言制定規則，并且 list-style-type 屬性可以生成眾多的非英語(yǔ)數字標記。
牢記網(wǎng)站全球化這一目標
無(wú)論您是想通過(guò)發(fā)布多語(yǔ)言產(chǎn)品來(lái)增加全球市場(chǎng)份額和投資回報率，還是想通過(guò)開(kāi)發(fā)多語(yǔ)言網(wǎng)站來(lái)提高公司的全球運營(yíng)效率，網(wǎng)站全球化都是實(shí)現這兩者的必要條件。不同客戶(hù)有著(zhù)不同的需求，而且在一個(gè)復雜的軟件全球化項目中，有各種各樣的因素可以影響資源和成本。
網(wǎng)站翻譯
The End
