設計無障礙網站

  • 發行項

建立可供所有人使用的網頁設計，不論其滑鼠或鍵盤喜好設定、年齡、教育、地理位置、語言或身心障礙。

人員使用技術和流覽 Web 具有各種功能和喜好設定。 當您設計網站時，請記住下列重要的協助工具案例。

螢幕助讀程式

失明或視力不佳的使用者依賴螢幕助讀程式來解譯應用程式的 UI 並與其互動。 解譯涉及讀取 UI 專案名稱、角色和值。 與 UI 互動牽涉到將焦點從一個元素移至另一個元素，以及叫用功能，例如按一下 UI 元素。

鍵盤協助工具

許多協助工具使用者依賴鍵盤來巡覽及操作 UI：

  • 按 Tab 鍵或Shift+Tab 鍵，在元素之間移動焦點。

  • 使用方向鍵在清單、方格和樹狀檢視等容器元素中巡覽。

  • 按Enter 鍵或空格鍵來叫用動作。

  • 使用快速鍵有效率地存取其他應用程式功能。

可存取的視覺體驗

具有低視覺效果的使用者需要足夠的文字對比比例來呈現文字內容，以及整體具有高對比主題的良好視覺體驗。 色盲的使用者需要以非透過色彩的方式傳達資訊。

您可以透過良好的程式碼撰寫做法，解決網路上許多常見的協助工具問題。 WCAG) 2.0 檔 (Web 內容協助工具指導方針提供技術和最佳做法，協助您設計更容易存取的動態 Web 應用程式。 如需詳細資訊，請移至 建置無障礙網站的資源。

資源

  • 針對包含進行設計 - W3C Web 協助工具計畫設計包含功能提供資源，協助您進一步瞭解殘障使用者，以及如何在設計您的網站時牢記在心。

  • 設計包容性軟體- 設計包容性軟體會討論通用 Windows 平臺 (UWP) 的 Microsoft 設計原則和做法。

  • 人員身心障礙者如何使用 Web - W3C 提供的這項資源會介紹殘障人士，包括年齡相關障礙人士如何使用 Web。

  • 包容性設計工具組 - Microsoft 開發了包容性設計工具組，以示範人類多樣性如何建立更好的設計限制，以及如何將看似利基的解決方案連線到更廣泛的市場。