指南 · 發布於 2026-09-16
小商家的網站無障礙。
無障礙網站就是讓更多人都能使用的網站:包括失明、失聰、弱視或用鍵盤瀏覽的顧客。以下說明大多數網站所依據的標準、您可以自行執行的快速檢查,以及美國司法部對 ADA 與網站的說法。
WCAG 是什麼
W3C 標準
可自行執行的簡易檢查
出自 W3C WAI
| 檢查項目 | 要注意什麼 |
|---|---|
| 網頁標題 | 每個網頁都有簡要描述其內容的標題 [2] |
| 圖片替代文字 | 替代文字傳達與圖片相同的意思 [2] |
| 標題層級 | 幾乎每個網頁都至少有一個標題,而且標題反映網頁結構 [2] |
| 色彩對比 | 一般大小文字的對比度至少為 4.5:1 [2] |
| 文字縮放 | 放大文字時,文字不會消失或被截斷,句子也不需要水平捲動 [2] |
| 鍵盤操作與焦點 | 可以用 Tab 鍵移到每個連結、表單欄位、按鈕和媒體控制項,並看得出目前位置 [2] |
| 表單、標籤與錯誤訊息 | 每個表單控制項都有對應的標籤 [2] |
| 移動或閃爍的內容 | 使用者可以控制移動的內容,例如輪播和滑動圖片 [2] |
| 多媒體替代方案 | 影片有字幕,音訊有文字稿 [2] |
W3C 明確表示這些只是初步檢查:一個網頁可能看似通過,但仍存在重大的無障礙障礙。2
ADA 與網站
美國司法部怎麼說
小商家網站常出錯的地方
從這裡開始
- 菜單和價目表做成圖片。螢幕閱讀器無法讀取圖片裡的文字。請把它們以真正的文字放在網頁上,或為圖片加上傳達相同資訊的替代文字。
- 白底淺灰字。檢查一般文字的對比度是否達到 4.5:1 的最低要求。2
- 聯絡和預約表單。確保每個欄位都有看得見的標籤,錯誤訊息能說明哪裡出錯。
- 自動播放的輪播和影片。提供暫停的方法,並為影片加上字幕。
- 無法用鍵盤關閉的彈出視窗。不用滑鼠,用 Tab 鍵瀏覽首頁,看看會不會卡住。
常見問題
常見問題
資料來源
查核日期 2026-09-16
- W3C 網頁無障礙倡議(Web Accessibility Initiative),WCAG 2 Overview(WCAG 2 概覽)。
- W3C 網頁無障礙倡議(Web Accessibility Initiative),Easy Checks – A First Review of Web Accessibility(簡易檢查:網頁無障礙初步檢視)。
- 美國司法部,ADA.gov,Guidance on Web Accessibility and the ADA(網站無障礙與 ADA 指引)。
繼續閱讀
相關頁面
預約策略通話
15 分鐘 · 沒有任何義務
想請人幫忙看看您的網站嗎?把連結傳給我們,我們會和您一起看看應該先修什麼。