Chrome 說明文件提供的資源,改善網站和應用程式的無障礙設計。
判斷所有使用者是否都能存取內容並有效瀏覽網站。
Chrome 開發人員工具中無障礙功能的完整參考資料。

開發人員工具無障礙工具

Chrome 開發人員工具中無障礙功能的完整參考資料。
Chrome 開發人員工具的鍵盤快速鍵標準說明文件。
測試網頁的鍵盤瀏覽無障礙功能。
本指南的適用對象為透過輔助技術充分運用開發人員工具的開發人員。
課程

數位無障礙功能 (通常縮寫為 a11y) 是指設計及建構網站和網頁應用程式,讓身心障礙人士能以有意義且平等的方式互動。

本課程適合初學者和進階網頁開發人員。您可以從頭到尾瀏覽整個系列,大致瞭解無障礙做法和測試,也可以將其做為特定主題的參考資料。

觀看影片學習

請觀看這些影片,瞭解無障礙功能的最佳做法。
探索 Angular v14 的最新功能,以新增動態網頁標題、檢查主題色彩對比,並探索 CDK 的 a11y 套件,取得更進階的無障礙控制項。
瞭解開發人員為何應重視可變字型,以及實作這些字型的最佳做法。
瞭解 Chrome 開發人員工具的新功能如何協助您瞭解網頁應用程式中的無障礙功能 (或無法運作)。瞭解如何追蹤問題成因並修正問題。
探索無障礙功能的基本概念,以及如何進行測試。探索更廣泛的產品包容性,瞭解如何進一步滿足以往弱勢族群的聲音需求。
Chrome 瀏覽器和作業系統提供放大、鍵盤導覽、螢幕閱讀等無障礙功能。瞭解如何自訂各項設定,打造更便利好用的平台。
我們特別介紹了一些全新和現有的無障礙功能,讓您和使用者在網頁版及 Chromebook 上工作時都能使用。