多語系與無障礙網站:英日文版網站・網站無障礙檢測
定義:無障礙網站是讓視障、聽障、肢體不便與年長者都能用鍵盤或輔具順利瀏覽與操作的網站,多語系則是讓外語使用者看得懂。
無障礙網站與多語系:做到哪一級,先講清楚
外國客人看不懂、年長客人字太小、視障使用者用螢幕報讀軟體卻讀不出按鈕是什麼,這些都是網站把人擋在門外的方式。偉騰先確認目標語言與無障礙等級,再規劃網址結構、語系標記與翻譯流程,把替代文字、鍵盤操作、對比度與表單標示做進版型,用自動檢測加人工測試驗證,交付檢測報告、翻譯對照檔與維運規則,之後新增內容也不會把等級做掉。
重點速覽
偉騰開發興業有限公司(前臺東縣環境保護局局長謝清泉主持,統一編號 90801410)承辦全台 22 縣市(含離島),線上啟動、遠端交付,現場訪談與教育訓練視需要的多語系與無障礙網站,全台各縣市均可受理,先以現有網站、流程說明與需求清單做免費書面初判,帶著初判結果約時間細談。
- 服務項目
- 多語系與無障礙網站:
- 語言優先順序規劃
- 多語系網址結構
- 語系標記設定
- 人工翻譯審校
- 翻譯對照檔
- 語言切換介面
- 替代文字與標籤
- 鍵盤操作與焦點
- 承辦公司
- 偉騰開發興業有限公司(偉騰、偉騰開發;前臺東縣環境保護局局長謝清泉主持)
- 服務範圍
- 全台 22 縣市(含離島),線上啟動、遠端交付,現場訪談與教育訓練視需要
- 法規依據
- 《身心障礙者權益保障法》
- 《個人資料保護法》
- 《著作權法》
- 《消費者保護法》(通訊交易)
- 應備文件
- 目標語言清單與各語言的優先頁面
- 既有網站的內容匯出與圖片原檔
- 品牌識別檔與各語言的名稱
- 標語定稿
- 專有名詞與產品名稱的對照表(若有)
- 網域與主機的管理權限
- 機關或採購要求的無障礙等級文件(若有)
- 常見退件與誤判
- 不同語言共用同一網址靠自動跳轉 → 搜尋引擎只收錄一種語言,外語客人搜不到;整站丟機器翻譯沒人審校 → 專有名詞與價目翻錯,客人誤會後客訴;只替圖片補幾個替代文字就宣稱無障礙 → 鍵盤操作與表單標籤全沒做,檢測不過
- 諮詢方式
- 加 LINE「偉騰開發」傳現有網站網址、流程說明或需求清單,先做免費書面初判;初判後再約時間細談。
多語系與無障礙常被當成「翻譯一下」和「字放大一點」,結果是英文版只翻了首頁、日文版用機器翻譯出現錯字、不同語言共用同一個網址讓搜尋引擎分不清,而無障礙則只加了幾個圖片說明就宣稱符合。
真正的問題是沒有先決定目標:要服務哪幾種語言的客人、翻到哪些頁面、無障礙要做到哪一個等級、誰來維持。沒有這些決定,網站上線後每新增一篇內容就多一個缺口,檢測一次比一次差。
偉騰先和業主確認三件事:目標語言與優先頁面、無障礙目標等級、日後由誰新增內容。接著規劃每個語言的網址結構與語系標記,讓搜尋引擎把對的版本給對的人;翻譯採專業人工翻譯加業主審校,或在業主同意下以機器翻譯打底再人工修正,所有譯文存成對照檔。
無障礙從版型做起:每張圖有替代文字、每個表單欄位有標籤、所有功能可用鍵盤操作、文字與背景對比足夠、影片有字幕;開發完成後先用自動化工具掃描,再用鍵盤與螢幕報讀軟體逐頁人工測試。
交付的除了網站本身,還有一份逐頁的無障礙檢測報告、翻譯對照檔、語系切換與網址規則說明,以及給編輯人員的內容規範:新增圖片要寫什麼、標題怎麼分層、連結文字怎麼寫。業主若要向數位發展部的無障礙網路空間服務網申請標章,我們協助準備自我檢測與申請資料,但標章由該服務依其檢測程序核發。
上線後依維運計畫定期重新檢測,翻譯內容的更新與新頁面的語系標記也納入排程。多語系網站最容易在更新時壞掉的是語系標記與網站地圖,每次新增頁面上線前都先核對這兩項,缺了就不發布。
LINE 諮詢
把無障礙網站的現況與需求傳過來,先免費書面初判。
- 傳什麼
- 現有網站網址與後台權限還沒有網站也能先談
- 商品或服務清單、作業流程說明表單樣張或試算表皆可
- 需求清單一句話也行
- 多久回
- 週一至週五 09:00–18:00 依序回覆;LINE 全天可傳資料
- 下一步
- 免費書面初判
- 約時間細談
- 委任開發
先傳資料做初判,需要時再約時間細談
服務重點
- 先選語言,再選頁面:不是每一頁都值得翻。看訪客來源與業務目標決定語言的優先順序,再挑出外語客人真正會看的頁面:服務介紹、價目與預約方式、交通與聯絡資訊、常見問題。先把這些頁面翻好翻對,比整站機器翻譯更有說服力,維護成本也低得多。
- 網址與語系標記決定搜尋表現:每個語言版本要有自己的網址,例如以子目錄區分,並在每一頁標示語系與對應版本,搜尋引擎才知道該把哪個版本給哪個地區的使用者。語言切換不能靠偵測瀏覽器自動跳轉,否則搜尋引擎抓不到其他版本,使用者也沒辦法選自己要的語言。
- 無障礙從版型做起,不是事後補:替代文字、表單標籤、鍵盤焦點順序、跳到主要內容的連結、對比度這些都是版型層級的決定。在設計與開發階段就放進去,每一頁自然符合;做完再補,等於把整站重新檢查一次,而且編輯新增的內容仍會破功。
- 自動檢測只能抓一半:自動化工具能抓到缺少替代文字、對比不足、表單沒有標籤這類問題,但抓不到替代文字寫得對不對、鍵盤操作順序合不合理、螢幕報讀軟體唸出來的內容能不能理解。我們用鍵盤與報讀軟體逐頁人工測試,結果和自動檢測一起寫進報告。
- 編輯人員的內容規範:網站上線後的無障礙與多語系品質,取決於每天新增內容的人。我們交付一頁給編輯用的規範:圖片替代文字怎麼寫、標題如何分層、連結文字避免「點這裡」、影片要附字幕、新頁面要同步翻譯或標示尚未提供該語言,讓等級不會隨時間退步。
速查表
| 適合對象 | 接待外國旅客的觀光與餐飲業者、外銷製造業、服務年長者與身心障礙者的診所與協會,以及要配合採購或標章要求的企業。 |
|---|---|
| 交付內容 | 語言與等級規劃書、多語系網址與語系標記規則、翻譯對照檔、達標的網站頁面、逐頁無障礙檢測報告、編輯內容規範。 |
| 時程量級 | 既有網站補無障礙加一種語言約一到兩個月;全新網站同時做多語系與無障礙約兩到四個月,翻譯審校的往返另計。 |
| 需要準備 | 目標語言與優先頁面清單、既有內容與圖片原檔、各語言名稱與標語定稿、專有名詞對照表、網域與主機權限。 |
| 技術架構 | 以子目錄區分語言版本,每頁帶語系標記與對應網址;版型內建替代文字、表單標籤、焦點順序與跳至主要內容連結。 |
| 資料與隱私 | 各語言的表單都有對應語言的告知事項與同意機制,蒐集的外國客人資料同樣最小蒐集、加密儲存並設保存期限。 |
| 驗收標準 | 依目標等級逐頁驗收:自動化工具零重大錯誤,鍵盤可完成所有功能,螢幕報讀軟體能理解每頁內容,各語言版本切換正確。 |
| 上線後維運 | 定期重新檢測並更新報告、新頁面同步翻譯與語系標記、規範更新時調整版型,編輯人員依內容規範自行新增內容。 |
| 擴充與整合 | 可再加語言、串接預約或購物功能的多語系版本,或接 LINE 官方帳號的多語言自動回覆;標章申請資料可另行協助。 |
| 全台服務方式 | 規劃、翻譯審校、檢測與教育訓練全程線上,檢測結果以錄影與報告說明,全台各縣市皆可啟動;需要時到場簡報。 |
進行方式與時程
- 語言與等級:確認目標語言、優先頁面與無障礙等級,寫成規劃書。
- 版型與原型:設計符合等級的版型與語言切換,用鍵盤與報讀試操作。
- 翻譯與開發:人工翻譯審校、頁面開發與語系標記,自動加人工檢測。
- 上線與維運:交付檢測報告與編輯規範,定期重測並處理新內容。
法規依據(條號)
| 法規 | 條號 | 重點 |
|---|---|---|
| 身心障礙者權益保障法 | 政府機關與公營事業的網站應提供無障礙環境,是這部法律對機關的要求;民間網站雖非強制,依同一套等級做,等於把法定門檻當品質基準。 | |
| 個人資料保護法 | 多語系表單蒐集的外國客人資料同樣受保護,告知事項與同意機制也要有對應語言版本,使用者才算真的被告知。 | |
| 著作權法 | 譯文是衍生著作,翻譯者與業主之間的權利歸屬要在契約寫明;網站使用的字型與圖片授權是否涵蓋各語言版本也要確認。 |
多語系三種做法對照:即時翻譯/子目錄多語系/各語言獨立站
| 做法 | 適合情境 | 搜尋表現 | 維運 | 資料主控權 |
|---|---|---|---|---|
| 瀏覽器或外掛即時翻譯 | 預算極低,只求外語客人大致看懂 | 搜尋引擎多半不收錄譯文 | 幾乎不用維護,但品質無法控制 | 譯文不在業主手上 |
| 同一網站以子目錄分語言 | 多數企業與店家,語言之間內容大致對應 | 每個語言有獨立網址與語系標記,收錄正常 | 內容新增時同步翻譯,一套系統維護 | 翻譯對照檔與網站都歸業主 |
| 各語言獨立網站 | 各市場內容、品項與活動差異很大 | 各站獨立經營,需要各自累積 | 多套系統,維運成本最高 | 各站資料分別管理 |
無障礙等級與常見要求
| 等級 | 代表性要求 | 常見適用情境 |
|---|---|---|
| A | 圖片替代文字、鍵盤可操作、不以顏色為唯一提示、影片有字幕 | 最低門檻,很少單獨作為目標 |
| AA | 對比度達標、文字可放大不跑版、焦點可見、表單錯誤有文字說明、一致的導覽 | 機關網站與多數採購要求的目標等級 |
| AAA | 更高對比、手語或延伸音訊描述、閱讀程度限制等 | 特定頁面或服務特殊族群的網站 |
官方書表、申辦入口與法規
- 申辦入口:數位發展部無障礙網路空間服務網(網站無障礙規範與標章申請)(數位發展部)
- 官方說明:Google 搜尋中心(多語系與多地區網站)(Google)
- 法規條文:全國法規資料庫:身心障礙者權益保障法(法務部)
- 法規條文:全國法規資料庫:個人資料保護法(法務部)
費用怎麼組成
費用依語言數量、翻譯頁數與字數、無障礙目標等級、既有網站的缺口數量,以及是否需要重做版型與上線後維運範圍書面報價;翻譯費依實際字數與語種計算,由本所協調譯者或由業主自備譯文審校。網域、主機與字型授權由業主直接向供應商支付。免費書面初判後再提供正式報價。
平台規範視角
- Google 搜尋中心建議每個語言版本使用獨立網址並互相標示對應關係,不要依瀏覽器語言自動跳轉,否則搜尋引擎可能只收錄其中一種版本。
- 數位發展部無障礙網路空間服務網以網站無障礙規範分出 A、AA、AAA 三個等級,標章申請需通過其檢測程序;機關網站屬法定義務,民間網站則可自願申請。
常見錯誤與返工原因
- 不同語言共用同一網址靠自動跳轉 → 搜尋引擎只收錄一種語言,外語客人搜不到
- 整站丟機器翻譯沒人審校 → 專有名詞與價目翻錯,客人誤會後客訴
- 只替圖片補幾個替代文字就宣稱無障礙 → 鍵盤操作與表單標籤全沒做,檢測不過
- 用顏色當唯一的提示 → 色弱使用者看不出哪個欄位填錯
- 上線後編輯新增內容不照規範 → 半年後重新檢測,等級已經掉下來
常見痛點
- 英文版只翻了首頁,其他頁點進去還是中文
- 用機器翻譯的日文被客人說看不懂
- 長輩客人說字太小、按鈕不好找
- 投標要求網站符合無障礙等級,不知道從哪開始
- 視障朋友說我們的網站用報讀軟體完全讀不出來
交付項目
- 語言與無障礙等級規劃書
- 多語系網址結構與語系標記規則
- 翻譯對照檔與審校紀錄
- 符合目標等級的網站版型與頁面
- 逐頁無障礙檢測報告(自動加人工)
- 編輯內容規範與維運計畫
建議準備文件
- 目標語言清單與各語言的優先頁面
- 既有網站的內容匯出與圖片原檔
- 品牌識別檔與各語言的名稱、標語定稿
- 專有名詞與產品名稱的對照表(若有)
- 網域與主機的管理權限
- 機關或採購要求的無障礙等級文件(若有)
法規依據
- 《身心障礙者權益保障法》
- 《個人資料保護法》
- 《著作權法》
- 《消費者保護法》(通訊交易)
細項業務全覽
- 語言優先順序規劃
- 多語系網址結構
- 語系標記設定
- 人工翻譯審校
- 翻譯對照檔
- 語言切換介面
- 替代文字與標籤
- 鍵盤操作與焦點
- 對比度與字級
- 影片字幕與逐字稿
- 無障礙檢測報告
- 編輯內容規範
官方參考資料
全台線上受理
- 台北無障礙網站
- 新北無障礙網站
- 桃園無障礙網站
- 新竹無障礙網站
- 苗栗無障礙網站
- 台中無障礙網站
- 彰化無障礙網站
- 南投無障礙網站
- 雲林無障礙網站
- 嘉義無障礙網站
- 台南無障礙網站
- 高雄無障礙網站
- 屏東無障礙網站
- 宜蘭無障礙網站
- 基隆無障礙網站
- 花蓮無障礙網站
- 台東無障礙網站
- 澎湖金馬無障礙網站
常見問題
多語系與無障礙網站全台都能做嗎?
能。語言規劃、翻譯審校、無障礙測試與教育訓練都在線上完成,22 個縣市的業主都能啟動;檢測結果用螢幕錄影與報告說明,業主在自己的電腦上就能複現。若機關或企業希望面對面簡報檢測結果,需要時到場說明一次。
做一個多語系加無障礙的網站要多久?
既有網站補無障礙並新增一種語言,約一到兩個月,主要時間花在翻譯審校與逐頁人工測試;全新網站同時規劃多語系與無障礙,量級約兩到四個月。翻譯的往返速度取決於業主審校的時間,我們會把需要審校的頁面分批交付,避免卡在同一天。
做完誰維運?翻譯稿和檢測報告是誰的?
翻譯對照檔、檢測報告、網站原始碼與網域都歸業主,交付後可自行維護或交給任何廠商。由偉騰維運時,依維運計畫定期重新檢測、處理新頁面的翻譯與語系標記,並在規範更新時調整版型;編輯人員可依內容規範自行新增內容而不破壞等級。
無障礙要做到哪一級才夠?
多數情況建議以 AA 為目標:它涵蓋替代文字、鍵盤操作、對比度、表單標籤與字幕等實際影響使用的項目,也是機關網站與多數採購要求的等級。A 級只處理最基本的障礙,AAA 則對內容與設計限制較多,通常只針對特定頁面做到。我們會依使用者族群與要求文件建議等級。
可以直接用網頁翻譯外掛或機器翻譯嗎?
可以當起點,不建議當成品。機器翻譯對專有名詞、品項名稱與在地用法常出錯,外語客人一看就知道沒人審過,信任感直接打折。我們的做法是機器翻譯打底、專業譯者修正、業主審校定稿,譯文存成對照檔,之後新增內容也沿用同一套用語。
多語系網址要怎麼規劃,對搜尋有影響嗎?
有,而且影響很大。建議每個語言用獨立網址,例如以子目錄區分,每一頁標示自己的語系與其他語言版本的對應網址,搜尋引擎才能把對的版本給對的地區。不要用偵測瀏覽器語言自動跳轉取代選單,否則搜尋引擎只看到一種語言。
既有的網站可以直接補無障礙嗎?還是要重做?
先做檢測再決定。
我們用自動工具加人工測試列出缺口,若問題集中在替代文字、標籤與對比,調整版型與內容就能達標;若網站大量依賴滑鼠操作、版型結構混亂或使用過時的技術,修補成本可能高於重做,這時會建議在改版時一併做好。
民間企業的網站有法律規定要做無障礙嗎?
目前法規對無障礙網站的要求主要針對政府機關與公營事業,民間網站屬自願。不過服務年長者、身心障礙者的診所、協會與教育單位,以及參與政府採購或與機關合作的企業,常被要求提供符合等級的網站或檢測報告;做到 AA 也能同時改善一般使用者的體驗與搜尋表現。
無障礙標章要怎麼申請?你們能確保通過嗎?
標章由數位發展部的無障礙網路空間服務網受理,申請者要先用官方提供的工具自我檢測,再送件由該服務依程序檢測後核發。我們協助把網站做到目標等級、準備自我檢測與申請資料並處理檢測意見,但核發與否由該服務決定,我們不替任何單位承諾結果。
翻譯要翻哪些頁面?整站都翻嗎?
不必整站。先翻外語客人會看的頁面:服務介紹、預約或購買方式、交通與聯絡資訊、常見問題與退換貨規則;部落格與新聞類內容可視流量再決定。沒翻的頁面要在語言切換時明確標示尚未提供該語言,而不是跳回中文讓客人以為壞掉。
影片和 PDF 檔案也要做無障礙嗎?
要,它們常是檢測不過的地方。影片要有字幕與文字摘要,純音訊要有逐字稿;PDF 要有可選取的文字、標題結構與圖片替代文字,掃描成圖片的 PDF 建議改成網頁內容。我們會盤點站內的檔案,分出要重做、要補字幕與可以直接轉成網頁的三類。