無障礙設計從讓重要資訊和操作容易理解開始。網站看起來吸引人,仍可能難以透過鍵盤操作、閱讀較大的文字,或搭配輔助科技使用。先進行幾項實用檢查,並針對自動化工具無法評估的需求,尋求合適的人員審查。
使用清楚的閱讀順序
為各個區段設定描述清楚的標題,並依照訪客需要的順序排列。不要只靠顏色或位置來表達意思。價格選項應有文字標籤;錯誤訊息應說明需要修改的地方。重要資訊應放在頁面文字中,而不只是圖片裡。
讓連結容易理解
選擇能描述連結目的地或操作的標籤。「閱讀工作坊指南」比起多個都叫「按這裡」的無關連結,更容易理解。確認互動控制項可透過鍵盤操作,並有明顯的焦點指示器顯示目前選取的控制項。
維持易讀的視覺呈現
使用足夠的對比度和易讀的文字大小。檢查文字放大或螢幕變窄時,頁面是否仍然容易理解。避免使用會分散注意力、影響主要內容的裝飾性動畫。如果發布動畫圖片,請考慮它是否會妨礙閱讀,或是否傳達了也應以文字說明的資訊。
為圖片提供合適的脈絡
以符合圖片用途的方式描述有意義的圖片。輔助科技可以略過裝飾性圖片。圖表或說明圖片需要提供不依賴觀看圖片也能理解的替代說明。請讓使用受眾所依賴工具的人員進行測試。
如需實用的入門介紹,請參閱 https://web.dev/learn/design/accessibility。在 VollSite 中,檢查產生的結果,以及對顏色、文字、控制項或圖片所做的任何變更。通過自動化無障礙掃描,可提供有用的技術佐證,但不代表已取得完整的無障礙認證。保持頁面簡潔,測試實際的聯絡流程,並在對網站提出廣泛的無障礙聲明前安排適當的人員審查。