應用程序的可訪問性：如何關心用戶的指南、示例和最佳實踐

據世界衛生組織稱，世界上 15% 的人口患有某種形式的殘疾。 在大多數情況下，有意識的社會努力平衡健康差異，以便這一人群不會對公認的生活質量感到任何障礙。 它工作得很好，直到殘疾人面臨由於移動應用程序可訪問性差而無法觸及的情況。

為什麼移動可訪問性很重要？

使您的應用程序具有包容性不僅僅是社會責任問題。 除了培養多樣性之外，可訪問的移動應用程序還解鎖了額外的收入來源，為您的公司提供了具有競爭力的順風車，並幫助滿足合規性法規。

同情

隨著年齡的增長，我們都會面臨一些限制，無論是聽力受損、視力下降還是運動障礙。 此外，情境性和暫時性殘疾會使我們所有人陷入與長期殘疾者相似的環境中。 因此，移動可訪問性是一項長期投資，除其他外，它可以幫助我們照顧老一代、年長的自己以及那些在臨時條件下苦苦掙扎的人。

輔助技術也是一項重要策略，可以將面臨額外挑戰的人們更好地融入現代世界和在線社區。

競爭優勢

據統計，四分之一的美國人身患殘疾。 通過使您的解決方案具有包容性，您可以覆蓋額外的 6100 萬用戶，從而擴大您的應用程序的用戶範圍。

此外，技術包容性在商業上很有趣。 殘疾人的購買力在稅後約為 5000 億美元。 考慮到無法訪問的應用程序的數量，您的應用程序和移動設備的可訪問性可以帶來這一額外的收入來源。

移動電話的可訪問性還降低了您企業的運營成本。 一家荷蘭 SNS 銀行將呼叫中心的呼叫次數和相關費用減少了 15% 以上。 節省的費用與銀行之前所做的移動網絡可訪問性更改有關。

可訪問性為每個人提供更好的技術

技術包容性對某些人來說是必不可少的，但對所有人都有用。 隱藏式字幕、虛擬助手和語音識別軟件是所有用戶（包括殘疾人）的首選功能。 例如，語音路線指示既是輔助功能，也是駕駛員的免提選項。 因此，使您的解決方案全押將使每個人受益。

符合標準和法規

在許多情況下，法律要求移動應用程序可訪問性標準。 美國殘疾人法案無障礙設計標準 (ADA) 要求將所有人納入公共生活的所有領域，包括基於 Web 的企業及其應用程序。

ADA 法還與 Web 內容可訪問性指南 (WCAG) 一起使用，該指南記錄了 Web 內容可訪問性的單一共享標準。 當前的 WCAG 版本是 2.1，而修訂版計劃在 2022 年 9 月發布。

到 2025 年，所有歐盟公司還必須優化其服務和產品的可訪問性，以符合歐洲移動應用程序可訪問性指南。

更好的品牌形象

最後，數字可訪問性有利於您的品牌，並為品牌擁護者創造更多機會。 此外，56% 的客戶認為公司應該在社會問題上採取明確的立場。

如何確保移動應用程序的可訪問性？

截至今天，Web 內容可訪問性指南或 WCAG 被認為是網站可訪問性的基準。 該指南還以 WCAG for mobile 為特色，其中概述了移動可訪問性最佳實踐。 下面，我們將討論根據 WCAG 真正可訪問的應用程序應該是什麼樣的。

請記住，每個原則都包括三個一致性級別，其中 A 是最低級別，AAA 代表完全一致性。 大多數組織都努力將 AA 評分作為中庸之道。

可感知的

使您的解決方案可感知意味著用戶必須能夠用一種或幾種感官感知它。 簡而言之，如果您的應用程序的內容是面向視覺體驗的，那麼它應該有一個涉及聽覺感知或任何其他感官模式的替代方案。

這裡有什麼問題？

• 沒有文字替代品

某些解決方案可能無法以屏幕閱讀器可感知的方式為屏幕上的非文本內容（無論是控件還是圖像）提供文本替代方案。 它固有地使應用程序無法讀取 TalkBack 或 VoiceOver，它們分別是 Android 和 iOS 上的默認屏幕閱讀器。

相反，語音描述使盲人或視力低下或弱視的人可以訪問所有非文本數據。 例如，Facebook 推出了自動 ALT 文本來描述屏幕閱讀器的視覺內容。

• 無適應性

當移動解決方案的結構不容易調整到不同的內容呈現結構和方向時，它會忽略可訪問性。 特別是，包容性產品可以在不犧牲內容或元素的情況下同時切換到橫向和縱向，就像下面的示例一樣。

原生移動應用程序可訪問性指南還要求您的產品標記信息、結構和元素之間的層次結構。 這樣，當演示文稿更改時，標題、表格和列表將保持不變，從而使您的佈局保持簡單和一致。

適應性對於有運動障礙的人、屏幕閱讀器用戶以及有學習困難和認知疲勞的人來說至關重要。

• 沒有顯著特徵

對比度不足、顏色選擇不當或沒有調整文本大小都會影響用戶的感知。 例如，有顏色感知問題的人很難區分某些顏色。 因此，顏色不應該是傳達差異或迅速採取行動的唯一方式。 相反，結合顏色和文本或字符提示來傳達信息。

內容或功能丟失是另一個常見的可訪問性問題，通常在視障用戶縮放文本時發生。 您的移動無障礙設置必須允許最多增加 200%，同時保留所有內容和元素。

可操作

此原則要求您的應用程序必須包含完全可操作的界面和導航元素，以便用戶可以使用每個功能，而不管有無缺陷或殘疾。

這裡有什麼問題？

• 時間不夠

鑑於人們之間的多樣性，很難預測瀏覽應用程序或找到特定部分需要多少時間。 例如，大多數銀行應用程序都有最大會話時間作為安全措施。 然而，時間限製或時間敏感的內容使得屏幕閱讀器或老年用戶處理信息不方便。

相反，靈活的時間限製或關閉選項使您的應用程序對老年人、視力障礙者或外籍人士更友好。

• 閃爍內容

閃爍內容對於包容性應用來說是一個危險信號，因為它會引發癲癇發作或其他不良影響。 因此，患有光敏性癲癇症的人根本無法看到閃爍的燈光或對比鮮明的視覺模式，而不會引發不良的身體反應。 這就是為什麼重要的是要避免在 1 秒內閃爍超過 3 次的內容，並將閃爍區域限制在智能手機屏幕的一小部分。

• 導航

既不是以編程方式標記也不是結構化的導航也會阻止用戶消費內容。 對於只能使用輔助技術導航您的應用程序的視障用戶以及有認知和運動障礙的人來說尤其如此。

標誌性區域、描述性標題、獨特的屏幕標題和帶標籤的控件使用戶和屏幕閱讀器能夠以更少的按鍵快速定位所需的部分。 當使用屏幕閱讀器閱讀內容時，還可以對應用程序進行編碼以跳過圖形和導航鏈接。

例如，Tastemade 是工作中全屏導航的一個很好的例子，而右邊的例子為了時尚的設計犧牲了可發現性。

可以理解

根據此可訪問性原則，所有信息和您的整個用戶界面都必須易於任何人掌握，無論他們的健康狀況如何。 簡而言之，您的應用程序越直觀和直接，它獲得 AAA 一致性級別的機會就越大。

這裡有什麼問題？

• 可預測性

一些應用程序更喜歡將設計元素隱藏在復雜的圖標後面或採用未來的用戶流程。 雖然這樣的設計是令人欽佩的藝術作品，但它們缺乏清晰度。

例如，漢堡菜單是一種被廣泛接受的移動應用程序開發標準，它簡化了緊湊型屏幕的菜單。 然而，對於視力障礙、認知受限、運動障礙和靈活性下降的人來說，它們既不可導航也不可預測。 例如，桌面版 Telegram 有一個漢堡菜單按鈕。

可預測設計的首要目標是通過一致的設計模式、標準語義元素和有序的信息結構對接下來會發生什麼設定準確的預期。 一個可訪問的應用程序還應該在屏幕上輕鬆發現所有元素，以便準確了解用戶現在的位置。 底部導航、垂直側邊欄或粘性菜單可以正確播放。

• 輸入輔助

一些視力質量較差、閱讀和智力障礙的用戶可能會發現輸入無錯誤信息或區分必填字段和可選字段具有挑戰性。 為了提供幫助，應用程序界面可以在字段中包含提示以強化重要信息。

提示的範圍可以從屏幕閱讀器的標記屬性到選擇狀態和圓角。

• 錯誤預防

同樣，典型的錯誤指示方法可能不適用於視力低下或視力受損的人或色盲的人。 同樣，有閱讀或運動障礙的用戶輸入錯誤輸入的可能性更高，這可能導致嚴重後果，包括財務責任。 因此，如果應用程序不提供用戶可控制的數據，則它是不可訪問的。

可逆提交、訂單確認、刪除記錄或取消發送消息是防止用戶犯錯的一些保護措施示例。

強大的

無障礙功能應跨平台和設備無縫交付，包括不同版本的屏幕閱讀器、盲文終端或文本放大軟件。 簡而言之，穩健的設計不受編碼錯誤的影響，這些錯誤可能會扭曲網絡設備或輔助技術中的內容或功能。

這裡有什麼問題？

• 糟糕的編碼

如果應用程序背後的 HTML 代碼缺少完整的開始和結束標記，則應用程序的內容可能會在不同設備上顯示不同、根本不顯示或輔助技術無法讀取。 符合所有標記語言規範的格式良好的 HTML 代碼可確保可訪問的內容結構在所有平台和設備上都保持原樣。

跨平台開發能否提供適當級別的可訪問性？

跨平台開發是一把瑞士軍刀，它可以加快產品上市時間，用一個代碼庫殺死兩個平台。 然而，跨平台開發的可訪問性潛力落後於原生應用程序。 因此，跨平台技術是可訪問性和降低成本之間的權衡，這仍然可以保證至少在 Android 和 iOS 上具有基本水平的移動可訪問性。

因此，Flutter 應用程序開發致力於使應用程序更易於訪問，並包括對可訪問性的內置支持以及操作系統的相同功能。 Flutter 可以幫助你實現大字體、屏幕閱讀器兼容性、足夠對比度等輔助功能。

但請記住，移動可訪問性是整個開發團隊的集體成果，包括 Flutter 開發人員。 雖然 UX/UI 設計師致力於構建包容性界面，但 QA 專家確保您的最終應用版本通過可訪問性測試。

無需在可訪問性和設計之間做出決定

平等獲得技術允許所有人參與社會並積極利用技術舒適度。 除了合規性，移動可訪問性還有助於擴大用戶群和公司的競爭優勢。 然而，許多開發人員對可訪問性編碼標準仍然陌生，因為卓越的可訪問性需要深入的研究和專業知識。 即使他們熟悉這個概念，將包​​容性功能包裝到美觀的界面中也常常具有挑戰性。
如果您努力在可訪問性和設計之間取得平衡，我們公司知道如何在兩者上得分。 根據您的獨特要求和可訪問性標準，我們將包容性無縫集成到一流的應用程序設計中。 給我們打個電話，創建一個適合所有人的頂級移動解決方案。

這篇文章最初發表在這裡