網(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ò)用戶的需求沒有得到充分滿足調整推進。針對(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ò)開發(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ì)有一定難度組建。如您所見，無(wú)障礙不僅僅是盲人的事特點。
無(wú)障礙標(biāo)準(zhǔ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ò)開發(fā)者如何處理這些問(wèn)題呢處理？世界各地的無(wú)障礙主題專家將他們的心得凝聚在一起并提出了一系列可供供網(wǎng)絡(luò)開發(fā)者遵循的建議。網(wǎng)絡(luò)開發(fā)人員學(xué)習(xí)完這些標(biāo)準(zhǔn)后在此基礎上，就無(wú)需浪費(fèi)時(shí)間查找那些可能的訪問(wèn)途徑助力各行。通過(guò)遵循這些標(biāo)準(zhǔn)設計標準，開發(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)”這樣的層面，就能避免隱含的視覺形式性能穩定，從而可以為一系列的輸出媒體自定義 CSS面向。此外，我們還可以撰寫單獨(dú)適用于媒體的樣式表研學體驗，考慮到媒體的表現(xiàn)形式多種多樣建設項目，從盲文到計(jì)算機(jī)屏幕無(wú)所不包。
第二級(jí)層疊樣式表媒體類型出現(xiàn)于 1998 年。詳細(xì)信息如下：（摘自 W3C 文件相結合，側(cè)重于特定于可訪問(wèn)性的媒體）
聽覺：用于語(yǔ)音合成器高效化。
盲文：用于盲文觸覺反饋設(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" />
如果您沒有為樣式表指定媒體高效節能，圖形網(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ī)則可以寫成：
: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)的大寫亞美尼亞文編號(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è)置重寫。那么方向值可以設(shè)置為從左到右或從右到左力度。
總結(jié)
身有障礙用戶和其他任何人一樣有權(quán)使用網(wǎng)絡(luò)明確了方向，但是由于粗心的網(wǎng)絡(luò)設(shè)計(jì)，他們經(jīng)常無(wú)法訪問(wèn)網(wǎng)站勇探新路。使用層疊樣式表是開發(fā)一個(gè)可供所有人使用的網(wǎng)站的第一步單產提升，因?yàn)闃邮奖韺⒈硎痉绞胶蛢?nè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ò)開發(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ò)開發(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ò)用戶的需求沒有得到充分滿足調整推進。針對(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ò)開發(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ì)有一定難度組建。如您所見，無(wú)障礙不僅僅是盲人的事特點。
無(wú)障礙標(biāo)準(zhǔ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ò)開發(fā)者如何處理這些問(wèn)題呢處理？世界各地的無(wú)障礙主題專家將他們的心得凝聚在一起并提出了一系列可供供網(wǎng)絡(luò)開發(fā)者遵循的建議。網(wǎng)絡(luò)開發(fā)人員學(xué)習(xí)完這些標(biāo)準(zhǔn)后在此基礎上，就無(wú)需浪費(fèi)時(shí)間查找那些可能的訪問(wèn)途徑助力各行。通過(guò)遵循這些標(biāo)準(zhǔn)設計標準，開發(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)”這樣的層面，就能避免隱含的視覺形式性能穩定，從而可以為一系列的輸出媒體自定義 CSS面向。此外，我們還可以撰寫單獨(dú)適用于媒體的樣式表研學體驗，考慮到媒體的表現(xiàn)形式多種多樣建設項目，從盲文到計(jì)算機(jī)屏幕無(wú)所不包。
第二級(jí)層疊樣式表媒體類型出現(xiàn)于 1998 年。詳細(xì)信息如下：（摘自 W3C 文件相結合，側(cè)重于特定于可訪問(wèn)性的媒體）
聽覺：用于語(yǔ)音合成器高效化。
盲文：用于盲文觸覺反饋設(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" />
如果您沒有為樣式表指定媒體高效節能，圖形網(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ī)則可以寫成：
: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)的大寫亞美尼亞文編號(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è)置重寫。那么方向值可以設(shè)置為從左到右或從右到左力度。
總結(jié)
身有障礙用戶和其他任何人一樣有權(quán)使用網(wǎng)絡(luò)明確了方向，但是由于粗心的網(wǎng)絡(luò)設(shè)計(jì)，他們經(jīng)常無(wú)法訪問(wèn)網(wǎng)站勇探新路。使用層疊樣式表是開發(fā)一個(gè)可供所有人使用的網(wǎng)站的第一步單產提升，因?yàn)闃邮奖韺⒈硎痉绞胶蛢?nè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ò)開發(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ò)開發(fā)多語(yǔ)言網(wǎng)站來(lái)提高公司的全球運(yùn)營(yíng)效率運行好，網(wǎng)站全球化都是實(shí)現(xiàn)這兩者的必要條件首次。不同客戶有著不同的需求，而且在一個(gè)復(fù)雜的軟件全球化項(xiàng)目中部署安排，有各種各樣的因素可以影響資源和成本搖籃。
網(wǎng)站翻譯
The End
