BC 企業的無障礙行銷基線:網站、表單與影片先修這 8 項

Accessibility specialist testing a business website and video content

對行銷團隊而言,無障礙最實際的定義是:訪客不必看得清、聽得到、使用滑鼠或快速理解長句,也能完成頁面上的主要任務。BC 企業可先以 WCAG 2.2 Level AA 當設計與採購基線,但要注意:BC 政府對自家數位服務的承諾不等於所有私人企業在每一情境下都有相同法定義務。涉及合規範圍時,應取得法律意見。

先修會直接阻擋轉換的八項

  1. 鍵盤可完成主要流程:導覽、選單、表單、彈窗與送出按鈕不能只靠滑鼠。
  2. 焦點看得見:按 Tab 時,使用者要知道目前停在哪個連結或欄位。
  3. 文字對比足夠:一般文字與背景至少達 4.5:1;不要用淺灰字換取「高級感」。
  4. 表單有文字標籤:placeholder 不是 label;錯誤訊息要說明哪裡錯、怎麼修。
  5. 圖片替代文字有用途:描述與上下文相關的資訊,裝飾圖則使用空 alt。
  6. 影片有準確字幕:自動字幕要人工校正人名、地名與專業詞;重要聲音也要交代。
  7. 不用顏色單獨傳意:錯誤、成功、價格方案或圖表都要有文字或圖形線索。
  8. 動態效果可停:自動播放、閃爍、跑馬與輪播不能奪走控制權。

這些項目與Province of BC 的 WCAG 實作指南一致,也會改善手機、強光、安靜場所與網路不穩等一般使用情境。

無障礙測試不能只看外掛分數

自動工具適合抓缺少 alt、對比不足與部分語意錯誤,抓不到「標題是否有意義」「字幕是否正確」「鍵盤流程是否卡住」。一個小型行銷頁至少要做三輪:

測試 方法 可發現的問題
自動掃描 瀏覽器工具掃首頁、服務頁、表單 對比、標記、名稱等基礎錯誤
人工操作 只用鍵盤、放大 200%、關閉聲音 流程、焦點、溢位與字幕缺口
真實使用 邀請依賴輔助技術的人完成任務 工具與團隊預料不到的障礙

把規格寫進內容與製作流程

網站需求書要明列 WCAG 版本、等級、測試頁面與修正責任;影片報價要包含字幕檔、燒錄字幕版本、逐字稿與必要的聲音描述。社群圖卡則保留文字版內容,不把關鍵資訊鎖在圖片裡。效能仍要顧,因為載入過慢同樣會阻擋使用;可搭配Core Web Vitals 檢查一起做。

常見問題 FAQ

裝一個無障礙外掛就夠了嗎?

不夠。工具列可能提供字體或對比選項,但無法補救錯誤的 HTML 結構、鍵盤陷阱、沒有標籤的表單或不準確的字幕。

所有影片都需要聲音描述嗎?

當畫面傳達了旁白沒有說明的重要資訊時,才需要提供等值的聲音或文字描述。只要對白已交代全部內容,通常不必重複。

該先修哪一頁?

先修流量與商業價值最高的任務:首頁、主要服務頁、聯絡/結帳表單,以及目前正在投放的登陸頁。

資料來源與範圍

實作基線引用 Province of British Columbia 的 Accessible Web Products 指南與 WCAG 2.2 說明。本文是設計與內容建議,不判定個別組織的法律責任。