logo
回到上一頁
M

MH Tsai

無障礙網站檢查清單

談到網站無障礙性,不僅僅是關於殘疾人的使用,也包括不同設備和情境下的用戶。想像一下,該網站可以通過手機、電視、手錶和過時的設備進行瀏覽。

下列是基本的檢查清單項目,以確保您的網站提供一定水平的無障礙性:

  • 鍵盤操作:確保所有互動僅使用鍵盤即可實現。

    使用TabReturn/Enter測試網站,以查看可以選擇什麼以及可以通過鍵盤按下事件觸發什麼。例如,您可能希望用戶可以通過按 Tab來導航某些主要按鈕,但不要意外地聚焦於子菜單項目。通過量身定制的鍵盤導航體驗,用戶可以輕鬆地以最佳導航方式訪問您的網站。

  • 焦點指示器:確保可聚焦元素具有可見的焦點指示器。

  • Aria 角色和屬性:在語義 HTML 元素不可用的地方使用 ARIA 角色和屬性。

    隨著 Web 應用程序變得更加複雜,語義 HTML 標籤有時無法明確表達一組 div 的功能。因此,放置正確的 ARIA 角色將為內容提供語義意義。更多關於 ARIA 角色列表的信息。

  • 圖像的 Alt 文字:每個圖像(在適當的情況下)應該有描述性的 alt 屬性。當圖像資源不可用時,alt 文字可以有一個文字提示,並允許屏幕閱讀器閱讀圖像說明。

  • 無障礙表單:標籤與輸入元素相關聯,錯誤消息有幫助且可訪問。您可以參考「無障礙表單」以獲取更多詳細信息。

  • 語義標題和標籤:正確的語義標題和標籤可以清晰地結構化您的網站內容,不僅允許屏幕閱讀器根據其標題導航頁面,而且通過讓 Google 索引器正確解析內容結構,有益於網站 SEO 的得分。

2024 ❤️ MH (Frank) Tsai