無障礙功能
Chrome 說明文件提供的資源,改善網站和應用程式的無障礙設計。
Lighthouse 無障礙功能稽核
判斷所有使用者是否都能存取內容並有效瀏覽網站。
開發人員工具參考資料
Chrome 開發人員工具中無障礙功能的完整參考資料。
課程
瞭解無障礙功能
數位無障礙功能 (通常縮寫為 a11y) 是指設計及建構網站和網頁應用程式,讓身心障礙人士能以有意義且平等的方式互動。
本課程適合初學者和進階網頁開發人員。您可以從頭到尾瀏覽整個系列,大致瞭解無障礙做法和測試,也可以將其做為特定主題的參考資料。
觀看影片學習
請觀看這些影片,瞭解無障礙功能的最佳做法。
在 Angular 中打造無障礙程度更高的應用程式
探索 Angular v14 的最新功能,以新增動態網頁標題、檢查主題色彩對比,並探索 CDK 的 a11y 套件,取得更進階的無障礙控制項。
遷移至可變字型
瞭解開發人員為何應重視可變字型,以及實作這些字型的最佳做法。
使用 Chrome 開發人員工具對無障礙功能進行偵錯
瞭解 Chrome 開發人員工具的新功能如何協助您瞭解網頁應用程式中的無障礙功能 (或無法運作)。瞭解如何追蹤問題成因並修正問題。
開始使用無障礙和產品包容性
探索無障礙功能的基本概念,以及如何進行測試。探索更廣泛的產品包容性,瞭解如何進一步滿足以往弱勢族群的聲音需求。
Chrome 和 ChromeOS 無障礙功能簡介影片系列
Chrome 瀏覽器和作業系統提供放大、鍵盤導覽、螢幕閱讀等無障礙功能。瞭解如何自訂各項設定,打造更便利好用的平台。
改善使用者運算體驗的存取便利性
我們特別介紹了一些全新和現有的無障礙功能,讓您和使用者在網頁版及 Chromebook 上工作時都能使用。