移動(dòng)應(yīng)用程序和網(wǎng)站設(shè)計(jì)的無障礙訪問性是什么？無論用戶的物理能力如何，設(shè)計(jì)人員和開發(fā)人員如何才能提供對移動(dòng)服務(wù)的完全訪問？在今天的文章中，位于荷蘭的Moqod公司的聯(lián)合創(chuàng)始人Slava Todavchich分享了如何遵循設(shè)計(jì)可訪問性原則、為什么它非常重要以及移動(dòng)可訪問性如何使世界變得更加溫暖的想法。

移動(dòng)設(shè)備的無障礙訪問性是什么

全球超過50%的互聯(lián)網(wǎng)流量都來自移動(dòng)設(shè)備。對于身體能力有限的人來說，信息獲取的問題可能與這些人完全沒有基礎(chǔ)設(shè)施的問題具有同樣的意義。沒有必要的信息，不可能成為一個(gè)完整的社會(huì)成員。我們是否考慮如何為有聽力或視力問題、認(rèn)知障礙和運(yùn)動(dòng)障礙的人提供全面的信息獲取渠道？

視頻鏈接：https://youtu.be/XB4cjbYywqg

現(xiàn)在，有一些國家已經(jīng)在W3C聯(lián)盟中采用了無障礙標(biāo)準(zhǔn)。移動(dòng)應(yīng)用程序的無障礙訪問設(shè)計(jì)的基本原則非常簡單：遵循常識(shí)和設(shè)計(jì)指南的基本原則。很明顯，任何移動(dòng)服務(wù)都是在現(xiàn)實(shí)生活中執(zhí)行某些操作或遵循現(xiàn)實(shí)生活模式的特定工具。在殘疾人的現(xiàn)實(shí)生活中，幾乎沒有任何行動(dòng)比其他人花費(fèi)更多的時(shí)間。這就是為什么UI/UX設(shè)計(jì)的簡單性、純粹性和直觀性原則特別重要的原因。

為了檢查它，讓我們做一個(gè)簡單的實(shí)驗(yàn)。讓我們想象一個(gè)盲人夢想著找到愛。大多數(shù)人的正常愿望。如今，經(jīng)常通過Tinder移動(dòng)應(yīng)用程序等在AWS云中被創(chuàng)造出來。一個(gè)漂亮的應(yīng)用程序，有一個(gè)大多數(shù)人都熟悉的明亮的用戶界面；你只需要左右滑動(dòng)，即“愛”或“不愛”?，F(xiàn)在讓我們打開畫外音模式，試著找到她或他。刷卡不起作用。畫外音可以閱讀的可理解的按鈕標(biāo)簽完全不見了。該產(chǎn)品幾乎不可能使用。而在同一個(gè)AWS能夠識(shí)別一個(gè)人的照片并為其提供足夠清晰的語音描述的日子里，所有這些都已經(jīng)足夠了。

現(xiàn)在讓我們考慮一個(gè)在應(yīng)用程序中實(shí)現(xiàn)出色的設(shè)計(jì)無障礙訪問性的例子。在歐盟國家，根據(jù)法律，國家當(dāng)局的數(shù)字產(chǎn)品必須對所有用戶開放，無論他們的能力如何。荷蘭是這樣一個(gè)國家，每一米的公共空間，包括一個(gè)信息空間，被認(rèn)為是最小的細(xì)節(jié)。主要城市的街道和所有火車站都設(shè)有標(biāo)志和觸覺圍欄。荷蘭鐵路應(yīng)用程序是根據(jù)這些要求設(shè)計(jì)和開發(fā)的。每個(gè)標(biāo)簽都在應(yīng)用程序的所有本地化中適當(dāng)?shù)睾灻ｉ]上眼睛，你可以建立和計(jì)劃路線，聽到關(guān)于火車、車站、晚點(diǎn)、買票等的信息。

用戶體驗(yàn)無障礙訪問性原則

現(xiàn)在讓我們回到適合每個(gè)人的設(shè)計(jì)原則。首先，值得一提的是，在無障礙設(shè)計(jì)中，有四個(gè)主要的障礙區(qū)域：

認(rèn)知能力；

視覺；

聽力；

運(yùn)動(dòng)障礙。

視頻鏈接：https://youtu.be/SUXCrOq2vj0

這些損傷可以是永久性的（例如癱瘓），也可以是暫時(shí)性的（例如手?jǐn)嗔耍?，也可以是先天性的（自閉癥）和后天性的（老年人視力模糊或手顫抖）。

設(shè)計(jì)無障礙的主要原則是：

簡單性

即使閉上眼睛，產(chǎn)品也應(yīng)清晰可見。這包括任何良好設(shè)計(jì)的基本原則：

導(dǎo)航簡單，

快速啟動(dòng)和反應(yīng)，

可靠且可預(yù)測的用戶體驗(yàn)。

印象

優(yōu)先級應(yīng)設(shè)置為產(chǎn)品及其用戶界面的清晰度，無論是對比度、字體大小，還是按鈕、表格和模式元素的正確標(biāo)簽。

責(zé)任和同情心

幸運(yùn)的是，我們大多數(shù)人并不打算以殘疾人的身份去體驗(yàn)這個(gè)世界。這就是為什么作為數(shù)字解決方案和產(chǎn)品的設(shè)計(jì)者和開發(fā)人員，我們應(yīng)該注意使我們的信息能夠?yàn)樽畲蟮氖鼙娝L問。

視頻鏈接：https://youtu.be/ElifzykHt7U

不要忘記測試具有輔助功能的應(yīng)用程序。創(chuàng)建具有無障礙訪問性選項(xiàng)的界面：動(dòng)態(tài)字體大小、畫外音、放大對比度等。

將無障礙訪問性集成到應(yīng)用程序設(shè)計(jì)中不需要付出很大的努力。以下是一些有效的實(shí)踐，可以擴(kuò)展殘疾人的應(yīng)用程序無障礙訪問性。

這里最簡單和最具啟發(fā)性的步驟是用代碼中相應(yīng)的標(biāo)簽標(biāo)記應(yīng)用程序控件、圖形和必要的動(dòng)態(tài)內(nèi)容。因此，VoiceOver和Talk Back的內(nèi)置機(jī)制將轉(zhuǎn)錄它們的值。

視頻鏈接：https://youtu.be/IFnqBtLNoPY

測試這個(gè)功能并不消耗資源：QAS只需在Voiceover和Talk-Back模式下查看應(yīng)用程序，并確認(rèn)所有必需的元素都被適當(dāng)?shù)剞D(zhuǎn)錄和標(biāo)記。如果應(yīng)用程序支持多個(gè)本地化，則應(yīng)在所有本地化中進(jìn)行測試。您應(yīng)該應(yīng)用適當(dāng)?shù)膭?dòng)態(tài)字體，如果用戶在“設(shè)置”中設(shè)置放大的字體，則可以對其進(jìn)行縮放。驗(yàn)證標(biāo)簽是否以放大字體正確顯示，應(yīng)用程序的用戶界面是否未損壞。使用各種輔助功能測試應(yīng)用程序，如粗體字體、增加的合同、暗模式等。確保UI正確響應(yīng)這些更改。

底線

所有這些都不需要花費(fèi)大量的開發(fā)和測試費(fèi)用。對于許多專業(yè)團(tuán)隊(duì)來說，它是任何項(xiàng)目的必要組成部分。

谷歌和蘋果的指南清楚地描述了適合無障礙設(shè)計(jì)的詳細(xì)原則。設(shè)計(jì)人員和開發(fā)人員的主要任務(wù)是使技術(shù)可訪問。技術(shù)對更多的人來說越容易獲得，就越有機(jī)會(huì)使它對每個(gè)人都有利。

一如既往，一切都取決于目標(biāo)。對于政府服務(wù)和公司的應(yīng)用程序，這條規(guī)則應(yīng)該是強(qiáng)制性的。如果你正在用更有趣的表情符號(hào)開發(fā)另一種類似Instagram的軟件，那么很難理解你對此的困擾。然而，你的受眾范圍越廣，支持殘疾用戶就越重要。

作者： Slava Todavchich

翻譯：高慧

原文鏈接：https://icons8.com/articles/accessibility-ux-mobile-app-design/