設計及建構網站和網路應用程式,讓身心障礙人士能以有意義且等同的方式與之互動。

自動跳轉

本課程可讓您瞭解無障礙實務和測試的一般概念,也可以做為特定主題的參考資料。
探索其他課程的模組,進一步瞭解無障礙設計。
訪問無障礙專家和實務工作者。
建議您觀看這些影片,瞭解該如何調整網站。
課程
如果你是無障礙新手,我們都能提供協助。我們的 Learn Accessibility 課程可讓您瞭解無障礙設計的實務做法和測試,也可以做為特定主題的參考資料。

持續學習

課程
HTML 表單可讓使用者輸入網頁應用程式的輸入內容。瞭解如何建立所有人都能使用的表單。
課程
允許網頁對不同螢幕大小做出反應,是確保網站可供更多使用者存取的方法之一。
課程
儘管存取便利性是網頁平台的各個部分,但編寫易於存取的 HTML 卻是建立無障礙網頁應用程式的基礎。

瞭解無障礙功能和模式

進一步瞭解如何使用語意 HTML 協助使用者瀏覽您的網頁。
建立結構良好的文件並使用適當的 HTML 元素,是建立無障礙網站的關鍵步驟。
建立夠大且空間適當的互動式元素,方便點擊,同時又不會與其他元素重疊
如果瀏覽器的預設焦點指標與您的設計衝突,請重新設定樣式,而非移除。
使用 WebVTT 為影片加上字幕和螢幕閱讀器說明。
確保元素使用適當的標籤或文字替代,透過螢幕閱讀器向使用者顯示朗讀 UI。

瞭解社群專家的看法

Melanie 是專精於數位無障礙功能的軟體工程師,瞭解她的工程之路、無障礙設計,以及募資的重要性。
Olutimilhin 是剛接觸無障礙的律師。瞭解他運用 JavaScript 的國際標準,以及閱讀網站內容的重要性。
Elisa 是 Google 員工,負責網頁無障礙和內部工具文件。
Albert 是多方面無障礙的無障礙專家,負責領導心理健康和數位無障礙相關對話。

邊看邊學

瞭解 Chrome 開發人員工具的新功能,如何協助您瞭解網路應用程式中的無障礙功能是否正常運作。
Rob Dodson 將示範一系列快速檢查,協助您找出網站無障礙設計的重大問題。
進一步瞭解標題內容對無障礙功能的影響。