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

自動跳轉

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

持續學習

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

瞭解無障礙功能和模式

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

瞭解社群專家的看法

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

邊看邊學

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