香港中小企網站無障礙設計指南：合規、易用、擴闊客源
香港有超過五十萬名市民屬於不同程度的殘疾人士，加上人口老化，視力衰退、手部不靈活的長者網民數量持續上升。網站無障礙設計（Web Accessibility）不再只是社會責任，而是實實在在的商業考量：它同時改善所有用戶的體驗，並且直接有利於搜尋引擎收錄。本文為香港中小企整理一套可即時執行的無障礙檢查與改善方法。
一、為甚麼香港企業要重視無障礙
首先是法律風險。香港《殘疾歧視條例》適用於服務提供者，若網站令殘疾人士無法取得同等服務，理論上構成歧視。政府資訊科技總監辦公室亦長期推動「無障礙網頁嘉許計劃」，公營機構及其供應商投標時經常要求符合 WCAG 2.1 AA 級標準。其次是客源：忽略無障礙等同主動放棄一部分有消費力的用戶，尤其是銀髮市場。
二、四大原則：可感知、可操作、可理解、穩健
WCAG 標準建基於四項原則。可感知指所有資訊都要能被看見或聽見，例如圖片要有替代文字（alt text）、影片要有字幕。可操作指所有功能都能單靠鍵盤完成，不能只依賴滑鼠拖曳。可理解指介面行為一致、錯誤訊息清晰。穩健則指程式碼要符合標準，讓螢幕閱讀器等輔助科技能正確解讀。
三、最常見而又最易修正的五個問題
第一，顏色對比不足。淺灰字配白底非常普遍，但正文文字與背景的對比度至少需要 4.5:1，可用 WebAIM Contrast Checker 免費檢測。第二，圖片缺 alt 文字，特別是 WordPress 媒體庫上載時直接略過。第三，表單欄位只有 placeholder 而無 label，螢幕閱讀器無法讀出欄位用途。第四，用 div 假扮按鈕，令鍵盤無法 tab 到。第五，影片自動播放且無法暫停，對認知障礙用戶造成困擾。
四、中文網站的特殊注意事項
繁體中文字型筆劃較多，建議正文最少 16px，行高 1.6 至 1.8，避免使用過幼的字重。切勿把中文文字做成圖片（例如宣傳橫額上的優惠字句），因為螢幕閱讀器讀不到，搜尋引擎也索引不了。此外，中英夾雜的內容應以 lang 屬性標示語言，令語音朗讀不會用錯發音。
五、如何驗證與持續維護
自動化工具可找出約三成問題，建議用 Google Lighthouse 的 Accessibility 評分、axe DevTools 瀏覽器擴充功能作首輪掃描。餘下問題需人手測試：拔走滑鼠，單用 Tab 鍵走完整個下單流程；再用 macOS VoiceOver 或 NVDA 聽一次首頁。把無障礙檢查納入每次改版的驗收清單，成本遠低於事後大規模重做。
常見問題 FAQ
無障礙設計會令網站變得難看嗎？
不會。無障礙要求的是足夠對比、清晰結構與鍵盤可達，這些與美觀並不衝突。Apple、Airbnb 等設計水準極高的網站同樣符合 WCAG AA 級。真正的衝突通常源於設計時才想起無障礙，若在設計階段已定好色彩對比與字級規範，額外成本接近零。
無障礙對 SEO 有幫助嗎？
有直接幫助。alt 文字、語意化 HTML 標題層級、清晰的連結文字、字幕文本，全部都是搜尋引擎理解頁面內容的重要訊號。改善無障礙的過程往往同時提升 Lighthouse 效能與 SEO 分數。
現有 WordPress 網站要重做才能達標嗎？
多數情況不需要。先做一次審計，常見問題如對比度、alt 文字、表單 label 均可在現有主題上修正。只有當主題本身程式碼結構極差、大量使用圖片文字時，才建議連同改版一併處理。