多語系與無障礙網站製作流程完整版：多語系網站製作從前提判讀、分工、送件順序到核定後義務的十一個階段

作者 Bo Wei・偉騰開發興業有限公司・發布 2026-10-27・更新 2026-10-27（由前臺東縣環境保護局局長謝清泉主持）

多語系網站製作加上無障礙，流程不是「翻譯完再補標籤」，而是從第一天就把語言清單、無障礙等級與網址結構綁在一起規劃。本文把多語系與無障礙網站的製作拆成十一個階段：前提判讀、機關與角色分工、規劃書、網址與語系標記、原型試操作、翻譯、開發、檢測、補正、標章送件、核定後義務，每一階段附一張可勾選的結構。

多語系網站製作與無障礙達標若分成兩個專案做，幾乎必然返工：

• 翻譯完的頁面沒有語系標記，搜尋引擎分不清版本；
• 版型做完才補替代文字與鍵盤操作，檢測一跑整站重排。

本文的結論是把兩件事放進同一條流程，十一個階段依序走，每一階段只做一個決定。

常見的錯誤直覺有兩個。

1. 一是把無障礙當成上線前的檢查項目，實際上它是版型階段的設計條件，版型過了檢測，之後新增的頁面才會自動合格。
2. 二是把多語系當成翻譯外包，實際上語言清單、優先頁面、網址結構與專有名詞對照表都是業主要先做的決定，譯者只是執行其中一段。

以下十一節依製作順序排列：前三節處理前提與分工，中間五節處理規劃、翻譯、開發與檢測，最後三節處理補正、標章送件與核定後的義務。每一節附一個清單、對照表或時間軸，讀者可以直接拿來當專案的檢核底稿。

階段一：前提判讀，多語系網站製作先回答三個問題再動工

動工前要先判讀三件事，答案決定後面十個階段的規模。

1. 第一，誰在用：接待外國旅客的業者看的是旅客常用語言與訂位頁面；外銷製造業看的是採購人員會查的規格與認證頁；服務年長者與身心障礙者的診所與協會看的是報讀與鍵盤操作。
2. 第二，要做到哪一級：《身心障礙者權益保障法》對機關網站有無障礙要求，民間網站屬自願，但採購文件或合作機關常指定等級，多數情況以 AA 為目標。
3. 第三，要不要申請標章：要的話整條流程要依數位發展部無障礙網路空間服務網的檢測方式設計，不要的話仍建議依同一套規範做，因為它就是現成的品質基準。

三個問題寫成一頁，作為後續規劃書的第一節。

階段二：機關與角色分工，多語系與無障礙網站製作裡誰負責什麼

這類專案牽涉的單位比一般官網多，分工表要在簽約前畫好。

外部單位有三個：

• 數位發展部無障礙網路空間服務網負責公布網站無障礙規範、提供自我檢測工具與受理標章申請；
• 採購或合作機關負責提出等級要求與驗收文件；
• Google 搜尋中心提供多語言版本網址與語系標記的技術指引。

業主內部有三個角色：決策者定語言清單與等級，行銷或業務負責各語言的名稱、標語與專有名詞對照表並審校譯文，資訊或總務掌握網域與主機權限。廠商端則分規劃、設計、翻譯協調、開發與檢測五個工作，可以由同一團隊承擔但要指定窗口。分工表上每一格要填到人名，空格就是日後卡關的位置。

階段三：語言與等級規劃書，六個欄位定案後才進設計

規劃書是整個專案的憲章，六個欄位定案後才進設計：目標語言與順序、各語言的優先頁面清單、無障礙目標等級與適用範圍、網址結構原則、翻譯分工與審校流程、檢測方式與驗收標準。優先頁面不必整站，先列外語訪客會看的頁面：服務介紹、預約或購買方式、交通與聯絡、常見問題與退換貨規則，部落格與新聞依流量再決定。

無障礙適用範圍要寫清楚是否包含既有的影片與檔案，因為影片字幕與可選取文字的文件常是檢測不過的點。規劃書定稿後由業主簽認，之後的語言增減與等級調整走變更程序，不在口頭上改。這份文件也是日後標章申請與採購驗收時，說明網站設計依據的第一份附件。

階段四：網址結構與語系標記，搜尋引擎認得版本的前提

網址結構決定搜尋引擎能不能把對的語言版本給對的地區，這一步做錯，翻譯再好也沒人看到。

決策清單有四項：

• 每個語言用獨立網址，以子目錄區分是最常見的做法；
• 每一頁標示自己的語言，並列出其他語言版本的對應網址；
• 語言切換用選單，不用偵測瀏覽器語言自動跳轉，否則搜尋引擎只看得到一種語言；
• 尚未翻譯的頁面在切換時明確標示該語言未提供，不要跳回中文讓訪客以為壞掉。

這些規則寫進開發規格，由廠商在版型階段一次做對，之後新增頁面自動套用。既有網站改成多語系時，舊網址要規劃轉址對應表，避免既有的搜尋排名在改版時歸零。

階段五：版型與原型試操作，無障礙在這一步決定八成

版型是無障礙達標的關鍵階段，版型過了，後面的頁面才會自動合格。

原型做好後用三種方式試操作：

• 只用鍵盤走完每一個功能，焦點順序要合理、看得見目前焦點在哪；
• 用螢幕報讀軟體聽一遍首頁與一個表單頁，標題層級、連結文字與表單標籤要能被理解；
• 把視窗縮到手機寬度與放大字級，內容不能被截斷。

版型階段的檢核清單至少包含：替代文字欄位、表單標籤與錯誤提示、對比度、跳至主要內容連結、語言切換元件本身的可操作性。多語系還要多看一點：不同語言的字串長度差異大，版型要能容納最長的語言而不破版。這一階段的試操作要錄影存檔，作為日後檢測與驗收的對照。

階段六：翻譯作業，從機器打底到業主審校定稿的四段時間軸

翻譯的時間軸分四段，每段有明確的交付物。

1. 第一段：業主提供專有名詞與產品名稱的對照表，沒有的話由廠商從中文內容抽出候選詞請業主確認，這份表是後續所有語言的共同依據。
2. 第二段：機器翻譯打底，產出初稿並標出對照表以外的不確定詞。
3. 第三段：專業譯者修正，重點放在在地用法、品項名稱與呼籲動作的語氣。
4. 第四段：業主審校定稿，分批交付避免卡在同一天，審校意見回到譯者修訂後存成翻譯對照檔。

譯文依《著作權法》屬衍生著作，譯者與業主之間的權利歸屬要在契約寫明，之後新增內容才能沿用。審校是最常拖延的一段，建議業主在規劃書階段就指定審校人並預留時間。

階段七：開發與內容上架，語系標記、替代文字與表單告知一次到位

開發階段把規劃書與版型的決定落到每一頁。

上架時的檢核項目有五個：

• 每頁的語言標示與對應網址正確；
• 圖片的替代文字各語言版本都有，不是只有中文；
• 表單的標籤、必填提示與錯誤訊息都有對應語言；
• 各語言表單的個資告知事項與同意機制有對應語言版本，依《個人資料保護法》的精神，使用者要看得懂才算被告知；
• 影片有字幕與文字摘要，文件檔案有可選取的文字與標題結構。

內容上架採分批方式，先上優先頁面並跑一次檢測，確認版型在真實內容下仍合格，再上其餘頁面。這一階段最常出現的問題是編輯人員上傳圖片時漏填替代文字，解法是在內容管理系統裡把替代文字設為必填。

階段八：檢測，審查端會看什麼、自動工具與人工測試各管哪一段

檢測分自動與人工兩層，兩層都過才算達標。自動工具掃的是機器判得出來的項目：缺替代文字、對比度不足、表單缺標籤、標題層級跳號、頁面語言未標示，目標是零重大錯誤。人工測試管機器判不出來的部分：替代文字有沒有說到重點、鍵盤焦點順序是否合理、報讀軟體念出來的內容能不能理解、語言切換後的頁面是否真的對應。

標章檢測端在意的順序通常是：先看自我檢測報告是否完整，再抽頁做人工操作，最後看影片與檔案類內容有沒有被排除在範圍外卻仍放在站上。檢測報告要逐頁列出項目、結果與截圖，各語言版本分開列，這份報告同時是驗收文件與標章申請附件。

階段九：補正，常見不過的六類項目與對應的補正路徑

檢測不過的項目集中在六類，補正路徑各不相同。

1. 第一類替代文字缺漏或無意義，補正是由內容人員逐張重寫，不是由工程師批次填入檔名。
2. 第二類對比度不足，補正是調整色彩規範後整站套用，單頁改色會造成品牌不一致。
3. 第三類鍵盤無法操作的元件，多半是自製的選單與輪播，補正是改用可操作的元件或補上鍵盤事件。
4. 第四類表單缺標籤與錯誤提示，補正在版型層。
5. 第五類影片無字幕與掃描成圖片的文件，補正是補字幕、重做可選取文字的版本，或把文件內容改成網頁。
6. 第六類語系標記錯誤，補正是修正對應網址表後重新產生。

補正後要重跑自動檢測並抽頁人工複測，把前後報告並列存檔。

階段十：標章送件順序，自我檢測、申請、檢測意見到核發

要申請無障礙標章的網站，送件順序固定四步。

1. 第一步，用數位發展部無障礙網路空間服務網提供的自我檢測工具跑完整站並產出報告，報告裡不能有未處理的重大錯誤。
2. 第二步，依該服務網的申請程序送件，附上網站資訊、自我檢測報告與聯絡窗口。
3. 第三步，等待檢測意見，意見通常指向人工檢測發現的項目，逐項補正後回覆。
4. 第四步，核發與公告，標章要依規定方式放置並連結到驗證資訊。

送件前要確認網站內容已定稿，檢測期間大改版會讓檢測結果失效。核發與否由該服務網決定，廠商能做的是把網站做到目標等級、備妥資料並處理檢測意見，不替任何單位承諾結果。

階段十一：核定後義務，重測、新內容流程與規範更新的維運行事曆

標章核發或驗收通過不是終點，之後的義務有四項，寫成維運行事曆才不會失效。

1. 第一，定期重新檢測並更新報告，新增頁面與修改版型後都要跑一次；
2. 第二，新內容的流程：編輯人員依內容規範新增頁面，替代文字、標題層級與表單標籤照規範填寫，翻譯同步進對照檔，語系標記自動產生；
3. 第三，網站無障礙規範更新時，由廠商評估版型是否要調整，並重新檢測受影響的頁面；
4. 第四，標章有效期與展期程序依該服務網的規定辦理，到期前排進行事曆。

維運契約要寫清楚這四項各由誰做、多久做一次、報告交給誰，否則上線半年後新增的內容會把達標狀態一點一點吃掉。

自我檢查清單

• 三個前提問題已寫成一頁：使用者是誰、目標等級、是否申請標章
• 分工表每一格都填到人名，包含業主審校人與網域主機權限持有人
• 語言與等級規劃書六個欄位已定稿並由業主簽認
• 每個語言有獨立網址、對應網址標示與選單式切換，未翻譯頁面有明確標示
• 版型已用鍵盤、報讀軟體與手機寬度三種方式試操作並錄影
• 翻譯對照檔已建立，譯文權利歸屬已寫進契約
• 檢測報告逐頁列出項目與結果，各語言版本分開列

常見錯誤

• 翻譯完才補語系標記，搜尋引擎把各語言版本當成重複內容
• 版型沒做無障礙就上內容，檢測一跑整站重排
• 用偵測瀏覽器語言自動跳轉取代選單，搜尋引擎只看到一種語言
• 影片與掃描文件沒納入規劃書範圍，檢測時被整批列為不過
• 業主審校沒有指定人與時間，翻譯卡在審校階段
• 上線後編輯人員新增內容不填替代文字，達標狀態逐月流失

官方參考資料

• 數位發展部無障礙網路空間服務網（多語系網站製作時的無障礙規範、自我檢測與標章送件入口）
• Google 搜尋中心（多語系網站的網址結構與語言版本對應指引）
• 《身心障礙者權益保障法》全文（機關網站無障礙要求的法源，民間網站的品質基準）
• 《個人資料保護法》全文（各語言表單告知事項與同意機制的依據）
• 《著作權法》全文（譯文作為衍生著作的權利歸屬約定依據）

常見問題

既有網站只想先加一種語言，也要走完十一個階段嗎？

階段都要經過，但每一段的工作量會縮小。前提判讀與規劃書仍要做，因為網址結構與語系標記在加第一種語言時就要定對；版型若已達無障礙等級，階段五只需複測；翻譯與檢測只針對優先頁面。省掉規劃直接翻譯，是之後加第二種語言時返工的主因。

多語系網站製作一定要申請無障礙標章嗎？

不一定。標章是機關網站與部分採購的要求，民間網站可以依同一套規範做到目標等級但不申請。建議的判斷是：有採購或合作機關要求就申請；沒有要求的話先做到等級並保留檢測報告，日後需要時再補送件，流程的前九個階段完全相同。

檢測不過的項目很多，是不是代表網站要重做？

先看不過的項目集中在哪一類。集中在替代文字、標籤與對比度的，調整版型與內容就能達標；集中在自製元件無法用鍵盤操作、版型結構混亂的，修補成本可能高於在改版時一併做好。把檢測報告依六類補正路徑分類後，重做與修補的界線就看得出來。

想知道自家網站在十一個階段的哪一格？

把目標語言、現有網址、是否有採購或標章要求整理成幾行，加 LINE「偉騰開發」傳給本所，我們先替您判讀該從哪個階段切入、既有網站要補還是要重做，免費書面初判。多語系與無障礙網站的規劃、翻譯協調、檢測與標章送件資料整備，全台各縣市皆可線上啟動。

全台各縣市受理｜專業團隊承接辦理｜親臨現場指導｜統籌包辦到好

聯絡偉騰開發興業

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