QR Code 工作流程指南

QR Code 無障礙怎麼做：文字網址、替代入口與實際測試流程

掃描只是其中一種操作方式。把 QR Code 的目的地、文字網址、連結名稱與替代流程一起設計，才能讓印刷品和網頁在不同裝置與能力下仍可完成任務。

更新日期: 2026-09-03

要解決的問題

只放一張 QR 圖會把任務綁在相機、光線與精細瞄準上；只寫「點此」的替代連結又無法說明目的。若替代入口沒有與 QR 指向同一版本，使用者還會收到不同內容。

適合誰使用

適合製作活動海報、課堂講義、醫療或公共服務指引、包裝說明與需要兼顧紙本和網頁讀者的團隊。

公式與概念

先寫清楚 QR Code 讓人完成什麼任務，再決定替代入口。替代連結的目的不是複製一張 QR 圖，而是讓使用者在沒有相機時仍能開啟同一目的地、填表或取得文件。

印刷品可在 QR 圖旁放短而可讀的網址，網頁則提供真正的文字連結。連結文字要說明目的，例如「開啟活動報名表」，而不是只有「點此」。

WCAG 對非文字內容與連結目的都要求提供可理解的替代資訊；QR 圖本身不是完整說明，旁邊的文字與頁面標題要讓使用者知道會去哪裡（https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html）。

替代網址也要通過相同的語言、登入、權限與手機版檢查。若 QR Code 帶有 UTM 或版本參數，文字網址應使用相同的最終目的地，避免兩條路徑進入不同活動頁。

短網址方便印刷，但要有清楚的維護責任與失效處理。不要用無法控制的第三方縮網址取代真正目的地；若使用短網址，至少保留原始連結與更新紀錄。

測試不能只找能成功掃描的人。請測試者用鍵盤、螢幕閱讀器、放大文字、低光環境與沒有相機的情境走完同一流程；W3C 的連結目的說明可協助檢查名稱是否足夠清楚（https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html）。

上線前確認替代入口與 QR Code 同時更新。活動換期、表單換版本或頁面停用時，兩條路徑都要顯示更新資訊或替代聯絡方式，而不是讓其中一條留在 404。

操作步驟

定義 QR Code 的任務與沒有相機時的等效替代流程。
建立短而可讀的網址，並在網頁使用描述性連結文字。
用 QR Code 工具生成圖案，確認它與文字網址指向同一版本。
測試手機、鍵盤、放大文字、螢幕閱讀器與低光情境。
檢查語言、登入、權限、UTM 與重新導向結果。
把 QR 圖、文字網址、目的地版本與負責人寫入發布清單。
活動或頁面變更時同步更新兩條路徑並測試失效處理。

實際範例

圖書館海報用 QR Code 連到預約表單，設計者在旁邊印出短網址並寫「開啟自習室預約表」。螢幕閱讀器測試發現網頁按鈕只有「點此」，團隊改成描述性文字，並確認無相機測試者也能完成相同預約。

常見錯誤

把 QR Code 當成唯一入口，沒有提供文字網址或其他流程。
替代連結只寫「點此」，使用者不知道會開啟什麼。
文字網址與 QR Code 指向不同版本或不同語言頁面。
只在明亮環境用相機測試，沒有測試鍵盤、放大或螢幕閱讀器。
使用無法維護的短網址，活動結束後留下失效入口。
頁面更新時只改 QR 目的地，忘了同步印刷品旁的文字網址。

常見問題

QR Code 無障礙一定要印完整網址嗎？: 不一定要很長的完整網址，但要提供可讀、可輸入且能到達同一任務的文字入口；網頁上則應使用真正的描述性連結。
短網址會不會比完整網址危險？: 短網址會隱藏目的地，且需要維護；若使用，應選可控制的網域、保留原始 URL、使用 HTTPS 並在發布前測試重新導向。
螢幕閱讀器能讀 QR Code 嗎？: 不要假設能。把目的地與任務寫成文字連結或說明，讓使用者不必辨識圖案也能完成流程。
活動頁過期後替代入口怎麼處理？: QR 與文字網址都應導向更新說明、下一期活動或聯絡方式，並保留版本與停用日期，避免單一路徑變成 404。

下一步

用 QR Code 工具生成後，在旁邊加入可讀文字入口，並以鍵盤、放大文字與螢幕閱讀器測試同一任務。