多語 QR Code 語言切換：中文與英文落地頁的測試方法

要解決的問題

同一個 QR Code 服務不同語言的訪客時，瀏覽器語言、手機共用、轉址參數與快取可能把人送到錯誤頁面。表單欄位看似翻譯完成，提交後訊息、日期格式或客服連結卻仍是另一種語言。

適合誰使用

適合服務台、活動報名、校園通知、餐飲菜單、跨地區產品說明與同時面向中文和英文使用者的團隊。

公式與概念

把語言切換視為完整任務，不是只替換標題。測試頁面標題、主要按鈕、表單欄位、錯誤訊息、日期時間、價格、隱私說明與提交後確認；任一關鍵步驟混語，都可能讓訪客不敢繼續。

自動依瀏覽器語言判斷可以減少一步，但不能取代可見的手動切換。W3C WCAG 2.2 的可理解性原則支持讓目前語言與操作狀態清楚可辨；不要讓訪客只能清除 Cookie 或猜 URL 才能回到另一種語言。

用固定測試矩陣記錄裝置與入口：中文手機、英文手機、無偏好語言、私密瀏覽、慢速網路，以及直接開短網址。每種情況都記下最後 URL、頁面語言、切換後是否保留表單內容，以及返回 QR Code 入口是否仍合理。

不要把翻譯檔的存在當成完成證據。真正的驗收要從掃描或貼上入口開始，走過語言切換、填寫、錯誤與成功狀態；若使用參數記錄來源，確認轉址不會刪除語言選擇或重複附加參數。

為無法掃描或無法使用自動偵測的人保留短網址與語言連結。這不只是可及性補救，也能協助客服描述問題、讓桌面使用者直接開啟同一入口。測試結果應記錄「哪一個語言、哪一台裝置、哪一個版本」而非只寫通過。

發布前安排一位不熟悉流程的人盲測，請他只依展板、短網址與頁面提示完成任務，記下猶豫與誤按的位置。

操作步驟

1. 列出中文、英文與未設定語言三種預期入口結果。
2. 用 QR Code 產生器與短網址各建立一份可重現的測試入口。
3. 在兩支不同手機掃描，記錄最終 URL、頁面語言與轉址次數。
4. 在頁面中手動切換語言，確認標題、表單、日期、錯誤與成功訊息完整一致。
5. 用私密瀏覽與慢速網路重做一次，確認沒有依賴快取或登入狀態。
6. 把短網址、語言連結與測試矩陣放入發布紀錄，版本更新後重新抽測。

實際範例

展場 QR Code 連到雙語產品頁。測試發現英文手機會正確進英文首頁，但按下「立即預約」後的表單確認仍是中文。團隊把表單與成功頁列入同一語言路由，保留頁首的中／EN 切換，並在展板旁印上短網址；重新用私密瀏覽和慢速網路測試後才發布。

常見錯誤

• 只翻譯首屏標題，沒有測表單、錯誤與成功訊息。
• 依賴自動語言判斷，卻沒有可見的手動切換。
• 只在同一支手機與已登入狀態測試，忽略快取與權限差異。
• 轉址後遺失語言參數，或每次跳轉都重複附加參數。
• 沒有提供短網址或文字備援，客服也無法重現訪客路徑。

相關指南

相關工作流程