以 WordPress 實現無障礙

WordPress 本身可以是無障礙的 — 問題通常來自佈景主題、外掛與頁面區塊。

常見的問題來源

對比度過低或沒有可見焦點的佈景主題、沒有暫停/鍵盤操作的滑桿外掛、欄位沒有標籤的內嵌表單（Contact Form 7 等）、沒有 alt 文字的圖片區塊，以及把標題變成單純大段落的頁面建構器。WordPress 核心編輯器通常不是問題——問題在它之上的那一層。

檢查並選擇佈景主題

佈景主題決定對比度、焦點顯示、標題結構以及導覽的鍵盤操作。選擇前的標準：用 Tab 鍵走一遍頁面——焦點是否始終可見？選單能否不用滑鼠操作？文字和按鈕的顏色對比度是否至少 4,5:1？以區塊為基礎的預設佈景主題（Twenty Twenty-Four/-Five）是穩妥的起點；對於付費佈景主題，關掉 CSS 看一眼展示並做鍵盤測試會有幫助。

在區塊編輯器裡乾淨地作業

按正確順序使用標題區塊（每頁一個 H1，不跳級）——不要只是把文字放大加粗。為每個圖片區塊加上 alt 文字，純裝飾性圖片明確標為裝飾性。動作用按鈕區塊，跳轉用真正的連結。清單用清單區塊，而不是帶破折號的段落。表格只用於真正的表格資料，並附標題列。

外掛與表單

表單外掛（Contact Form 7、WPForms、Gravity Forms）只有在每個欄位都有可見且關聯的標籤、錯誤訊息與欄位繫結時，才能產生可存取的表單——僅有預留位置文字不夠。滑桿和輪播需要一個暫停按鈕，且不得困住鍵盤焦點；拿不準就拿掉。頁面建構器（Elementor、Divi、WPBakery）本身並非不可存取，但會誘使你寫出沒有語意的巢狀 div 結構——這裡要特別注意標題和焦點。

測試

三個不需額外軟體的快速測試：(1) 只用鍵盤操作頁面——Tab、Enter、方向鍵；能到處去、也能退出來嗎？(2) 在瀏覽器裡放大到 200%——一切是否仍然可讀、可操作？(3) 執行一個瀏覽器擴充功能，如 WAVE 或 axe DevTools。a11yglass 的免費掃描還會檢查你首頁所交付的 HTML 的對比度、alt 文字、標籤、語言和結構，並為每處發現指出 WCAG 準則。

常見問題

無障礙外掛能讓我的網站合規嗎？不能——透過小工具切換對比度和字級的疊加式外掛不解決結構性問題，並受到身心障礙權益組織的批評。哪個佈景主題是無障礙的？沒有認證標章；決定性的是具體情況下的實作——上面的標準有助於選擇。我的 WordPress 網站需要無障礙聲明嗎？這取決於網站是否屬於 BFSG（電子商務）範圍，或是否由公務機關營運——參見關於無障礙聲明的頁面。

a11yglass 如何協助

免費掃描會檢查所提供的 HTML 與 CSS，尋找可自動辨識的 WCAG 違規，並為每項發現標明成功準則與一個具體步驟。它可找出約 20–35% 的問題，不能取代完整評估。

繼續閱讀

依現有知識提供的一般資訊，非法律諮詢。個別情況請洽詢專精於資訊科技法的律師事務所。