我們每個人都有不同的需求，無論是聽覺、認知、心理、醫療，還是這些的綜合。但我們在使用和理解產品的權利上都是平等的。這一點在 網頁設計 中尤其重要，儘管它可以應用於所有數位接觸點。為了紀念 2022 年全球無障礙意識日，我們將帶您了解圍繞 無障礙 的一些常見問題，並為您提供可操作的技巧，讓您的產品更易於使用。
無障礙的目的是什麼？
數位無障礙的目的是確保每個人都能從任何線上服務中受益。這可以從為圖像添加替代文字，以便螢幕閱讀器可以掃描視覺效果，到檢查不同背景的對比度。
用 Glucode 的 UX/UI 設計師 Marianka Cilliers 的話來說，「你的設計是為了要解決使用者的問題，而如果沒有將無障礙性納入考量，你可能會錯失目標——因為問題只解決了你一部分受眾的需求。」
無障礙的四個原則是什麼？
當我們談論無障礙時，我們經常會使用 POUR 這個詞。這是一個縮寫，代表 可感知性、可操作性、可理解性 和 穩健性。你可以將這些視為四個層次的理解，為了讓你的最終用戶真正掌握並從你創建的數位接觸點中受益，這些都是必要的。
- 可感知性。 你的用戶需要能夠掌握內容的佈局以及你呈現的方式。他們的螢幕閱讀器是否能分辨出頂部有一個導航欄？設計是否容易辨認？這是考慮顏色對比度、簡潔性和適應性的好地方。
- 可操作性。 你的用戶需要能夠與你的數位接觸點互動。最簡單的形式是，它可以是關於按鈕是否足夠大，可以點擊。在更複雜的形式中，它是關於用戶是否可以使用輔助技術完成任務，例如在你的網站上填寫表格或通過你的應用程式購物。例如，你可以僅使用鍵盤瀏覽 Sketch 首頁。還有一個「跳過導航」按鈕，可以幫助你更快地到達目的地。
你可以通過按 Tab 鍵 瀏覽 我們的首頁。
- 可理解性。 用戶應該了解介面以及如何使用它。這是思考如何讓你的數位接觸點盡可能直觀的好地方。使用產品或服務不應該很複雜。而且，至少它應該是可預測的。確保每個頁面或螢幕都與其他頁面或螢幕一致。
- 穩健性。 你的數位接觸點，尤其是網站，應該提供多種形式的無障礙功能。這樣一來，你的用戶就可以在偏好的輔助工具之間進行選擇，以便他們可以定制體驗，以更好地滿足他們的需求。
無障礙實務有哪些例子？
無障礙設計的優點在於，只要我們決心讓產品和網站造福所有人，就總有改進的空間。以下是一些讓您的產品、設計或網站更易於使用的範例：
- 使用原生字體和預設大小來啟用動態文字縮放。
- 檢查文字在不同背景上的對比度。良好的對比度為 4.5:1。
- 模擬各種形式的色盲，以確保使用者可以區分不同的狀態。
- 對於 iOS，請確保您的觸控狀態至少為 44px，以便行動不便人士使用。
- 確保文字標籤準確描述元件的功能。
當然，這五個技巧只是冰山一角。我們鼓勵您閱讀更多相關資訊，並找到適合實際案例的方法，讓您的專案更易於使用。良好的起點包括W3C 網頁無障礙平台、Google 和Apple 的無障礙指南，這些指南根據您設計的操作系統會特別有幫助。
歸根結底，無障礙設計是真心誠意地與使用者建立連結。它需要您靜下心來，真正設身處地為他人著想。雖然這當中有很多工作要做，但一切努力都是值得的。讓您的應用程式和網站易於使用，不僅有助於大眾，也意味著您創造了一個比以往更好的產品。一個真正能滿足客戶需求的產品。
但談到無障礙設計的重要性，Yana Gevorgyan 的說法最為貼切。Sketch 對比度檢查外掛程式 Cluse 的創作者在一次訪談中與我們分享：「作為設計師，我們有道德責任創造出每個人都能使用的產品，而不僅僅是一部分人。[...] 世界上大多數人口都使用網路，並且依賴網路處理日常事務。其中包括不同背景、年齡和身體能力的人。雖然並非所有實體空間都能讓身心障礙者無障礙地進入，但網站沒有理由也一樣。」
