指南 · 發布於 2026-09-16

小商家的網站無障礙。

無障礙網站就是讓更多人都能使用的網站:包括失明、失聰、弱視或用鍵盤瀏覽的顧客。以下說明大多數網站所依據的標準、您可以自行執行的快速檢查,以及美國司法部對 ADA 與網站的說法。

WCAG 是什麼

W3C 標準

網頁內容無障礙指引(WCAG)由 W3C 發布,說明如何讓網頁內容更便於身心障礙人士使用。1WCAG 2.0 於 2008 年發布,WCAG 2.1 於 2018 年發布,WCAG 2.2 則於 2023 年 10 月 5 日發布。1

這些指引依四項原則編排:可感知、可操作、可理解和穩健。1每項成功準則都屬於 A、AA 或 AAA 三個等級之一。1符合 WCAG 2.2 的內容也同時符合 2.1 和 2.0,所以按照最新版本建置就能涵蓋舊版本。1

可自行執行的簡易檢查

出自 W3C WAI
檢查項目要注意什麼
網頁標題每個網頁都有簡要描述其內容的標題 [2]
圖片替代文字替代文字傳達與圖片相同的意思 [2]
標題層級幾乎每個網頁都至少有一個標題,而且標題反映網頁結構 [2]
色彩對比一般大小文字的對比度至少為 4.5:1 [2]
文字縮放放大文字時,文字不會消失或被截斷,句子也不需要水平捲動 [2]
鍵盤操作與焦點可以用 Tab 鍵移到每個連結、表單欄位、按鈕和媒體控制項,並看得出目前位置 [2]
表單、標籤與錯誤訊息每個表單控制項都有對應的標籤 [2]
移動或閃爍的內容使用者可以控制移動的內容,例如輪播和滑動圖片 [2]
多媒體替代方案影片有字幕,音訊有文字稿 [2]

W3C 明確表示這些只是初步檢查:一個網頁可能看似通過,但仍存在重大的無障礙障礙。2

ADA 與網站

美國司法部怎麼說

2022 年 3 月,美國司法部發布了關於網站無障礙與 ADA 的指引。3指引說明第三章(Title III)涵蓋向公眾開放的商家,而司法部將 ADA 解釋為適用於這些商家在網上提供的商品和服務。3

指引指出,商家可以彈性決定如何遵循,並提到包括 WCAG 在內的現有技術標準可作為有用的參考。3指引列出常見的障礙:色彩對比不足、只用顏色傳達資訊、圖片沒有替代文字、影片沒有字幕、表單沒有標籤或錯誤訊息,以及只能用滑鼠操作。3

本文是公開指引的摘要,並非法律意見。如果您收到無障礙投訴或律師函,請諮詢律師。

小商家網站常出錯的地方

從這裡開始
  • 菜單和價目表做成圖片。螢幕閱讀器無法讀取圖片裡的文字。請把它們以真正的文字放在網頁上,或為圖片加上傳達相同資訊的替代文字。
  • 白底淺灰字。檢查一般文字的對比度是否達到 4.5:1 的最低要求。2
  • 聯絡和預約表單。確保每個欄位都有看得見的標籤,錯誤訊息能說明哪裡出錯。
  • 自動播放的輪播和影片。提供暫停的方法,並為影片加上字幕。
  • 無法用鍵盤關閉的彈出視窗。不用滑鼠,用 Tab 鍵瀏覽首頁,看看會不會卡住。

常見問題

常見問題

我應該遵循哪個版本的 WCAG?

WCAG 2.2 是 W3C 的最新版本,符合 2.2 的內容也同時符合 2.1 和 2.0。1

無障礙覆蓋外掛能解決我網站的問題嗎?

我們無法保證任何工具能讓網站達到無障礙。請執行上面的簡易檢查,並修正網頁本身;障礙就在那裡。

通過簡易檢查就代表我的網站合規嗎?

不是。W3C 表示這些檢查只是初步檢查,網頁即使通過,也可能仍有重大障礙。2

資料來源

查核日期 2026-09-16
  1. W3C 網頁無障礙倡議(Web Accessibility Initiative),WCAG 2 Overview(WCAG 2 概覽)。
  2. W3C 網頁無障礙倡議(Web Accessibility Initiative),Easy Checks – A First Review of Web Accessibility(簡易檢查:網頁無障礙初步檢視)。
  3. 美國司法部,ADA.gov,Guidance on Web Accessibility and the ADA(網站無障礙與 ADA 指引)。

繼續閱讀

相關頁面

預約策略通話

15 分鐘 · 沒有任何義務

想請人幫忙看看您的網站嗎?把連結傳給我們,我們會和您一起看看應該先修什麼。

預約通話 致電