跳至主要內容

多語系與無障礙網站:英日文版網站・網站無障礙檢測

定義:無障礙網站是讓視障、聽障、肢體不便與年長者都能用鍵盤或輔具順利瀏覽與操作的網站,多語系則是讓外語使用者看得懂。

無障礙網站與多語系:做到哪一級,先講清楚

外國客人看不懂、年長客人字太小、視障使用者用螢幕報讀軟體卻讀不出按鈕是什麼,這些都是網站把人擋在門外的方式。偉騰先確認目標語言與無障礙等級,再規劃網址結構、語系標記與翻譯流程,把替代文字、鍵盤操作、對比度與表單標示做進版型,用自動檢測加人工測試驗證,交付檢測報告、翻譯對照檔與維運規則,之後新增內容也不會把等級做掉。

重點速覽

偉騰開發興業有限公司(前臺東縣環境保護局局長謝清泉主持,統一編號 90801410)承辦全台 22 縣市(含離島),線上啟動、遠端交付,現場訪談與教育訓練視需要的多語系與無障礙網站,全台各縣市均可受理,先以現有網站、流程說明與需求清單做免費書面初判,帶著初判結果約時間細談。

服務項目
多語系與無障礙網站:
  • 語言優先順序規劃
  • 多語系網址結構
  • 語系標記設定
  • 人工翻譯審校
  • 翻譯對照檔
  • 語言切換介面
  • 替代文字與標籤
  • 鍵盤操作與焦點
承辦公司
偉騰開發興業有限公司(偉騰、偉騰開發;前臺東縣環境保護局局長謝清泉主持)
服務範圍
全台 22 縣市(含離島),線上啟動、遠端交付,現場訪談與教育訓練視需要
法規依據
  • 《身心障礙者權益保障法》
  • 《個人資料保護法》
  • 《著作權法》
  • 《消費者保護法》(通訊交易)
應備文件
  • 目標語言清單與各語言的優先頁面
  • 既有網站的內容匯出與圖片原檔
  • 品牌識別檔與各語言的名稱
  • 標語定稿
  • 專有名詞與產品名稱的對照表(若有)
  • 網域與主機的管理權限
  • 機關或採購要求的無障礙等級文件(若有)
常見退件與誤判
不同語言共用同一網址靠自動跳轉 → 搜尋引擎只收錄一種語言,外語客人搜不到;整站丟機器翻譯沒人審校 → 專有名詞與價目翻錯,客人誤會後客訴;只替圖片補幾個替代文字就宣稱無障礙 → 鍵盤操作與表單標籤全沒做,檢測不過
諮詢方式
加 LINE「偉騰開發」傳現有網站網址、流程說明或需求清單,先做免費書面初判;初判後再約時間細談。

多語系與無障礙常被當成「翻譯一下」和「字放大一點」,結果是英文版只翻了首頁、日文版用機器翻譯出現錯字、不同語言共用同一個網址讓搜尋引擎分不清,而無障礙則只加了幾個圖片說明就宣稱符合。

真正的問題是沒有先決定目標:要服務哪幾種語言的客人、翻到哪些頁面、無障礙要做到哪一個等級、誰來維持。沒有這些決定,網站上線後每新增一篇內容就多一個缺口,檢測一次比一次差。

偉騰先和業主確認三件事:目標語言與優先頁面、無障礙目標等級、日後由誰新增內容。接著規劃每個語言的網址結構與語系標記,讓搜尋引擎把對的版本給對的人;翻譯採專業人工翻譯加業主審校,或在業主同意下以機器翻譯打底再人工修正,所有譯文存成對照檔。

無障礙從版型做起:每張圖有替代文字、每個表單欄位有標籤、所有功能可用鍵盤操作、文字與背景對比足夠、影片有字幕;開發完成後先用自動化工具掃描,再用鍵盤與螢幕報讀軟體逐頁人工測試。

交付的除了網站本身,還有一份逐頁的無障礙檢測報告、翻譯對照檔、語系切換與網址規則說明,以及給編輯人員的內容規範:新增圖片要寫什麼、標題怎麼分層、連結文字怎麼寫。業主若要向數位發展部的無障礙網路空間服務網申請標章,我們協助準備自我檢測與申請資料,但標章由該服務依其檢測程序核發。

上線後依維運計畫定期重新檢測,翻譯內容的更新與新頁面的語系標記也納入排程。多語系網站最容易在更新時壞掉的是語系標記與網站地圖,每次新增頁面上線前都先核對這兩項,缺了就不發布。

LINE 諮詢

把無障礙網站的現況與需求傳過來,先免費書面初判。

傳什麼
  • 現有網站網址與後台權限還沒有網站也能先談
  • 商品或服務清單、作業流程說明表單樣張或試算表皆可
  • 需求清單一句話也行
多久回
週一至週五 09:00–18:00 依序回覆;LINE 全天可傳資料
下一步
  1. 免費書面初判
  2. 約時間細談
  3. 委任開發

先傳資料做初判,需要時再約時間細談

服務重點

  • 先選語言,再選頁面:不是每一頁都值得翻。看訪客來源與業務目標決定語言的優先順序,再挑出外語客人真正會看的頁面:服務介紹、價目與預約方式、交通與聯絡資訊、常見問題。先把這些頁面翻好翻對,比整站機器翻譯更有說服力,維護成本也低得多。
  • 網址與語系標記決定搜尋表現:每個語言版本要有自己的網址,例如以子目錄區分,並在每一頁標示語系與對應版本,搜尋引擎才知道該把哪個版本給哪個地區的使用者。語言切換不能靠偵測瀏覽器自動跳轉,否則搜尋引擎抓不到其他版本,使用者也沒辦法選自己要的語言。
  • 無障礙從版型做起,不是事後補:替代文字、表單標籤、鍵盤焦點順序、跳到主要內容的連結、對比度這些都是版型層級的決定。在設計與開發階段就放進去,每一頁自然符合;做完再補,等於把整站重新檢查一次,而且編輯新增的內容仍會破功。
  • 自動檢測只能抓一半:自動化工具能抓到缺少替代文字、對比不足、表單沒有標籤這類問題,但抓不到替代文字寫得對不對、鍵盤操作順序合不合理、螢幕報讀軟體唸出來的內容能不能理解。我們用鍵盤與報讀軟體逐頁人工測試,結果和自動檢測一起寫進報告。
  • 編輯人員的內容規範:網站上線後的無障礙與多語系品質,取決於每天新增內容的人。我們交付一頁給編輯用的規範:圖片替代文字怎麼寫、標題如何分層、連結文字避免「點這裡」、影片要附字幕、新頁面要同步翻譯或標示尚未提供該語言,讓等級不會隨時間退步。

速查表

適合對象接待外國旅客的觀光與餐飲業者、外銷製造業、服務年長者與身心障礙者的診所與協會,以及要配合採購或標章要求的企業。
交付內容語言與等級規劃書、多語系網址與語系標記規則、翻譯對照檔、達標的網站頁面、逐頁無障礙檢測報告、編輯內容規範。
時程量級既有網站補無障礙加一種語言約一到兩個月;全新網站同時做多語系與無障礙約兩到四個月,翻譯審校的往返另計。
需要準備目標語言與優先頁面清單、既有內容與圖片原檔、各語言名稱與標語定稿、專有名詞對照表、網域與主機權限。
技術架構以子目錄區分語言版本,每頁帶語系標記與對應網址;版型內建替代文字、表單標籤、焦點順序與跳至主要內容連結。
資料與隱私各語言的表單都有對應語言的告知事項與同意機制,蒐集的外國客人資料同樣最小蒐集、加密儲存並設保存期限。
驗收標準依目標等級逐頁驗收:自動化工具零重大錯誤,鍵盤可完成所有功能,螢幕報讀軟體能理解每頁內容,各語言版本切換正確。
上線後維運定期重新檢測並更新報告、新頁面同步翻譯與語系標記、規範更新時調整版型,編輯人員依內容規範自行新增內容。
擴充與整合可再加語言、串接預約或購物功能的多語系版本,或接 LINE 官方帳號的多語言自動回覆;標章申請資料可另行協助。
全台服務方式規劃、翻譯審校、檢測與教育訓練全程線上,檢測結果以錄影與報告說明,全台各縣市皆可啟動;需要時到場簡報。

進行方式與時程

  1. 語言與等級:確認目標語言、優先頁面與無障礙等級,寫成規劃書。
  2. 版型與原型:設計符合等級的版型與語言切換,用鍵盤與報讀試操作。
  3. 翻譯與開發:人工翻譯審校、頁面開發與語系標記,自動加人工檢測。
  4. 上線與維運:交付檢測報告與編輯規範,定期重測並處理新內容。
多語系無障礙網站辦理流程圖:語言與等級、版型與原型、翻譯與開發、上線與維運
多語系無障礙網站辦理流程圖(共 4 個階段)

法規依據(條號)

法規條號重點
身心障礙者權益保障法政府機關與公營事業的網站應提供無障礙環境,是這部法律對機關的要求;民間網站雖非強制,依同一套等級做,等於把法定門檻當品質基準。
個人資料保護法多語系表單蒐集的外國客人資料同樣受保護,告知事項與同意機制也要有對應語言版本,使用者才算真的被告知。
著作權法譯文是衍生著作,翻譯者與業主之間的權利歸屬要在契約寫明;網站使用的字型與圖片授權是否涵蓋各語言版本也要確認。

多語系三種做法對照:即時翻譯/子目錄多語系/各語言獨立站

做法適合情境搜尋表現維運資料主控權
瀏覽器或外掛即時翻譯預算極低,只求外語客人大致看懂搜尋引擎多半不收錄譯文幾乎不用維護,但品質無法控制譯文不在業主手上
同一網站以子目錄分語言多數企業與店家,語言之間內容大致對應每個語言有獨立網址與語系標記,收錄正常內容新增時同步翻譯,一套系統維護翻譯對照檔與網站都歸業主
各語言獨立網站各市場內容、品項與活動差異很大各站獨立經營,需要各自累積多套系統,維運成本最高各站資料分別管理

無障礙等級與常見要求

等級代表性要求常見適用情境
A圖片替代文字、鍵盤可操作、不以顏色為唯一提示、影片有字幕最低門檻,很少單獨作為目標
AA對比度達標、文字可放大不跑版、焦點可見、表單錯誤有文字說明、一致的導覽機關網站與多數採購要求的目標等級
AAA更高對比、手語或延伸音訊描述、閱讀程度限制等特定頁面或服務特殊族群的網站

官方書表、申辦入口與法規

費用怎麼組成

費用依語言數量、翻譯頁數與字數、無障礙目標等級、既有網站的缺口數量,以及是否需要重做版型與上線後維運範圍書面報價;翻譯費依實際字數與語種計算,由本所協調譯者或由業主自備譯文審校。網域、主機與字型授權由業主直接向供應商支付。免費書面初判後再提供正式報價。

平台規範視角

  • Google 搜尋中心建議每個語言版本使用獨立網址並互相標示對應關係,不要依瀏覽器語言自動跳轉,否則搜尋引擎可能只收錄其中一種版本。
  • 數位發展部無障礙網路空間服務網以網站無障礙規範分出 A、AA、AAA 三個等級,標章申請需通過其檢測程序;機關網站屬法定義務,民間網站則可自願申請。

常見錯誤與返工原因

  • 不同語言共用同一網址靠自動跳轉 → 搜尋引擎只收錄一種語言,外語客人搜不到
  • 整站丟機器翻譯沒人審校 → 專有名詞與價目翻錯,客人誤會後客訴
  • 只替圖片補幾個替代文字就宣稱無障礙 → 鍵盤操作與表單標籤全沒做,檢測不過
  • 用顏色當唯一的提示 → 色弱使用者看不出哪個欄位填錯
  • 上線後編輯新增內容不照規範 → 半年後重新檢測,等級已經掉下來

常見痛點

  • 英文版只翻了首頁,其他頁點進去還是中文
  • 用機器翻譯的日文被客人說看不懂
  • 長輩客人說字太小、按鈕不好找
  • 投標要求網站符合無障礙等級,不知道從哪開始
  • 視障朋友說我們的網站用報讀軟體完全讀不出來

交付項目

  • 語言與無障礙等級規劃書
  • 多語系網址結構與語系標記規則
  • 翻譯對照檔與審校紀錄
  • 符合目標等級的網站版型與頁面
  • 逐頁無障礙檢測報告(自動加人工)
  • 編輯內容規範與維運計畫

建議準備文件

  • 目標語言清單與各語言的優先頁面
  • 既有網站的內容匯出與圖片原檔
  • 品牌識別檔與各語言的名稱、標語定稿
  • 專有名詞與產品名稱的對照表(若有)
  • 網域與主機的管理權限
  • 機關或採購要求的無障礙等級文件(若有)

法規依據

  • 《身心障礙者權益保障法》
  • 《個人資料保護法》
  • 《著作權法》
  • 《消費者保護法》(通訊交易)

細項業務全覽

  • 語言優先順序規劃
  • 多語系網址結構
  • 語系標記設定
  • 人工翻譯審校
  • 翻譯對照檔
  • 語言切換介面
  • 替代文字與標籤
  • 鍵盤操作與焦點
  • 對比度與字級
  • 影片字幕與逐字稿
  • 無障礙檢測報告
  • 編輯內容規範

官方參考資料

全台線上受理

常見問題

多語系與無障礙網站全台都能做嗎?

能。語言規劃、翻譯審校、無障礙測試與教育訓練都在線上完成,22 個縣市的業主都能啟動;檢測結果用螢幕錄影與報告說明,業主在自己的電腦上就能複現。若機關或企業希望面對面簡報檢測結果,需要時到場說明一次。

做一個多語系加無障礙的網站要多久?

既有網站補無障礙並新增一種語言,約一到兩個月,主要時間花在翻譯審校與逐頁人工測試;全新網站同時規劃多語系與無障礙,量級約兩到四個月。翻譯的往返速度取決於業主審校的時間,我們會把需要審校的頁面分批交付,避免卡在同一天。

做完誰維運?翻譯稿和檢測報告是誰的?

翻譯對照檔、檢測報告、網站原始碼與網域都歸業主,交付後可自行維護或交給任何廠商。由偉騰維運時,依維運計畫定期重新檢測、處理新頁面的翻譯與語系標記,並在規範更新時調整版型;編輯人員可依內容規範自行新增內容而不破壞等級。

無障礙要做到哪一級才夠?

多數情況建議以 AA 為目標:它涵蓋替代文字、鍵盤操作、對比度、表單標籤與字幕等實際影響使用的項目,也是機關網站與多數採購要求的等級。A 級只處理最基本的障礙,AAA 則對內容與設計限制較多,通常只針對特定頁面做到。我們會依使用者族群與要求文件建議等級。

可以直接用網頁翻譯外掛或機器翻譯嗎?

可以當起點,不建議當成品。機器翻譯對專有名詞、品項名稱與在地用法常出錯,外語客人一看就知道沒人審過,信任感直接打折。我們的做法是機器翻譯打底、專業譯者修正、業主審校定稿,譯文存成對照檔,之後新增內容也沿用同一套用語。

多語系網址要怎麼規劃,對搜尋有影響嗎?

有,而且影響很大。建議每個語言用獨立網址,例如以子目錄區分,每一頁標示自己的語系與其他語言版本的對應網址,搜尋引擎才能把對的版本給對的地區。不要用偵測瀏覽器語言自動跳轉取代選單,否則搜尋引擎只看到一種語言。

既有的網站可以直接補無障礙嗎?還是要重做?

先做檢測再決定。

我們用自動工具加人工測試列出缺口,若問題集中在替代文字、標籤與對比,調整版型與內容就能達標;若網站大量依賴滑鼠操作、版型結構混亂或使用過時的技術,修補成本可能高於重做,這時會建議在改版時一併做好。

民間企業的網站有法律規定要做無障礙嗎?

目前法規對無障礙網站的要求主要針對政府機關與公營事業,民間網站屬自願。不過服務年長者、身心障礙者的診所、協會與教育單位,以及參與政府採購或與機關合作的企業,常被要求提供符合等級的網站或檢測報告;做到 AA 也能同時改善一般使用者的體驗與搜尋表現。

無障礙標章要怎麼申請?你們能確保通過嗎?

標章由數位發展部的無障礙網路空間服務網受理,申請者要先用官方提供的工具自我檢測,再送件由該服務依程序檢測後核發。我們協助把網站做到目標等級、準備自我檢測與申請資料並處理檢測意見,但核發與否由該服務決定,我們不替任何單位承諾結果。

翻譯要翻哪些頁面?整站都翻嗎?

不必整站。先翻外語客人會看的頁面:服務介紹、預約或購買方式、交通與聯絡資訊、常見問題與退換貨規則;部落格與新聞類內容可視流量再決定。沒翻的頁面要在語言切換時明確標示尚未提供該語言,而不是跳回中文讓客人以為壞掉。

影片和 PDF 檔案也要做無障礙嗎?

要,它們常是檢測不過的地方。影片要有字幕與文字摘要,純音訊要有逐字稿;PDF 要有可選取的文字、標題結構與圖片替代文字,掃描成圖片的 PDF 建議改成網頁內容。我們會盤點站內的檔案,分出要重做、要補字幕與可以直接轉成網頁的三類。

聯絡偉騰開發興業

統一編號:90801410|LINE:加 LINE「偉騰開發」傳資料(免費書面初判;初判後再約時間細談;謝清泉 總經理主持)|營業時間:週一至週五 09:00–18:00。 創辦人謝清泉為前臺東縣環境保護局局長、前臺東地檢署檢察事務官、前臺東縣政府消費者保護官,中央警察大學法律學研究所畢業,具地政士與不動產經紀人國家證照。服務全台 22 縣市——任何業務直接聯絡偉騰,全台各地均有配合團隊,可安排專人親臨現場指導。

服務總覽|案例解析|法規知識庫