什麼是無障礙設計?
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
此為可存取的網站,不受任何使用者的身心障礙者存取,且其功能也可由最不同範圍的使用者執行。
開發人員很容易假設所有使用者都能查看及使用鍵盤、滑鼠或觸控螢幕與您的網頁互動。這可能會導致有些人看到良好體驗,但卻會對他人造成困擾,包括單純的干擾到完整的障礙。
瞭解使用者的多元需求
瞭解無障礙設計時,最好瞭解世界各地的使用者,以及他們會受到哪類無障礙主題的影響。為進一步說明,請觀看以下影片
由 Google 技術專案經理 Victor Tsaran
一般來說,無障礙方面的疑慮可分為四個類別:
規劃無障礙設計時,您需要考量到一或多個這些類別的身心障礙或身心障礙使用者。請注意,這個經驗可能不是實際或只是暫時性的,例如嘗試在明亮、晴天的戶外閱讀螢幕,或是在帶一杯咖啡時拿著一手操作裝置。
在事先規劃這類情境的情況下,您最終能夠擁有更穩健可靠的體驗,而且適用於更多使用者,不論他們的能力或情境為何。
視覺
視障、視力不佳、低視能或完全失明等問題皆有。低視能的使用者可能會結合螢幕放大、高對比主題和文字轉語音功能來存取內容。有些使用者可能會透過螢幕閱讀器或點字顯示器來瀏覽網頁、執行操作,以及閱讀內容和控制項的說明。
動作/精細動作
動作失能或精細動作障礙可能會影響使用者使用滑鼠、觸控螢幕或其他指標裝置的能力。部分使用者可能會使用替代輸入裝置來存取內容。這類裝置可能包括鍵盤、頭部或眼球追蹤軟體、切換裝置、軟墊裝置或語音存取功能。
聽覺
聽覺障礙包括聽覺障礙、語音處理問題,以及總聽不懂聲音等。對於聽障人士而言,字幕或轉錄稿可能需要字幕或語音轉錄內容,以提供其他介面中的聲音。
認知
認知障礙屬於廣泛的類別,涵蓋注意力不足過動症、失讀症與自閉症等主題。為這些使用者設計的住宿主題五花八門,但一般來說,使用者應盡量減少干擾、閃爍、過重的動畫,以及任何妨礙使用者閱讀網頁內容的因素。使用者也可能會使用自訂顏色和樣式,以改善可讀性或避免頭痛。
後續步驟
您現在已大致瞭解無障礙功能,接著要深入探討更具體的細節,先從鍵盤存取開始。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2018-11-18 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2018-11-18 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2018-11-18 (世界標準時間)。"],[],[]]