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