讓所有人享有每個世界的奇景 | Xiaohongshu 加強對 Android 無障礙中心的承諾

網路世界透過影片、相片和直播來探索、錄製及分享內容,提供豐富多元的壁毯,每天吸引無數訪客。不過,「無數訪客」不等於「全包式互動」就是指「無數人造訪」。特別是視障人士而言,多媒體的活力與動態領域仍大部分無法存取。

世界衛生組織報告指出,只有一小部分視障人士接受妥善治療:其中 36% 的視力障礙者中,有 17% 患有殘疾。因此幾乎不需要醫療照護。單單在中國,有超過 1,700 萬名使用者因為各種原因 (例如折射錯誤、催化劑、糖尿病和老化) 而造成視障問題。

此外,日常生活中也有許多發生視障情形的暫時狀況。相關例子包括眼科手術後的復原階段,或螢幕畫面觀看功能不實際適用的環境。這些情境改變了個人在存取畫面資訊時面臨的挑戰。

爭取一項勝利:即使沒有光影,生命仍然存在。小香港的團隊致力推行「啟發性生活、分享及探索世界奇觀」的使命,讓每個人的生活都一樣奇妙,而且每位使用者都同樣重要。瞭解這些使用者的特殊需求,因此團隊的回應清楚且全面:支援 Android TalkBack 螢幕閱讀服務。

TalkBack 啟動公告 △ 與白宮安全日 (White Cane Safety Day) 於 10 月 15 日正式導入 TalkBack 功能

平台層級無障礙功能支援

對於想提供無障礙功能的產品團隊而言,處理「標準化」的重要性:雖然針對每個應用程式中的不同互動模式,對視障人士而言可能是「麻煩」,但對視障使用者來說,這是一個難以置信的阻礙。

Android 的螢幕閱讀器 TalkBack 扮演了關鍵角色:提供標準化、系統層級和直覺式手勢。這些功能讓使用者能以最輕鬆的方式,學習最常用的通用螢幕閱讀互動。

此外,這些手勢的許多方式都比一般互動用多根手指簡單,可大幅降低了暫時需要使用 TalkBack 的使用者的學習曲線。

Xiaohongshu 應用程式中的 Talkback 支援範例 △ 從一開始的流程 (包括註冊程序和使用者授權協議) 中,小虹將提供 TalkBack 的相關支援。

小雄應用程式從分享按鈕到輸入文字框,每當使用者輕觸 △ 使用手指在螢幕上拖曳,TalkBack 就會朗讀內容,以及可進行互動的內容

啟用 TalkBack 選單的範例 △ 以三指輕觸即可啟用 TalkBack 選單

受無障礙架構引導

小雄團隊已熟悉無障礙功能,在這個標準選項中,比如在設計過程中使用「變更字型大小」和「顏色對比」等標準選項,已能滿足視障使用者的需求。然而,在轉換至完全「免眼」的互動模型時,需要大量的產業見解。仔細研究 Google 的「建構無障礙應用程式」後,這個團隊確實研究了將無障礙功能 (設計、開發和測試) 的所有層面整合為一體式的做法。

透過自動化測試找出問題

TalkBack 啟用免眼睛的互動功能時,必須使用「觸控」功能。如果控制項太小,使用者可能會無法調整控制項,導致系統無法朗讀。為解決這個問題,團隊一開始採用 Google 的無障礙功能檢查工具進行初步評估。然後根據掃描結果提供的觸控目標大小建議,調整介面元素的大小。

Google 的無障礙功能檢查工具 Play 商店項目 △ 無障礙功能檢查工具會檢查介面元素,針對大小和對比等方面提供建議

為無障礙設計建立標準

設計中的目標是將複雜的作業細分為簡潔又容易使用的模式。小雄的產品設計團隊在仔細研究 Material Design 的無障礙指南後,針對應用程式量身打造了一套全方位的指南,包括專為 TalkBack 整合所設計的觸控目標、手勢和標籤字串。

△ A 專為小雄應用程式設計的 TalkBack 專屬指南。

某些規格挑戰的是典型的開發規範。舉例來說,如果介面元素包含多個巢狀層,一般會需要每個元件的標籤和說明。然而,讓 TalkBack 依序讀取每個標籤可能非常耗時。為瞭解決這個問題,團隊會協同合作,找出最有效的觸控目標分部,並識別可以合併哪些標籤,以提供更簡便的使用者體驗。

舉例來說,顯示在首頁的雙欄版面配置中顯示的社交動態消息,其中包含多個子元素。就邏輯而言,這可以視為單一 TalkBack 元素。團隊會合併每張資訊卡的重要資訊,讓 TalkBack 只向使用者公告最有意義的方面資訊。這個方法不僅可簡化介面,還能降低使用者的認知負荷,讓體驗更有效率且容易使用。

訊息合併示例 △ 將重要標籤整合成單一 TalkBack 公告,例如:「Meow's Little Home」貼文、「如果這並不是供個人裝飾使用,我不認為這是同一臥室」的訊息,則會收到「344 人喜歡」。

簡單的開發工作產生無法預知的優勢

最初,開發團隊需要額外的兩個工作日來修改現有的程式碼,因為這需要容納兩種不同的互動範例:一般為回應模式,另一個則用於 TalkBack。

幸運的是,Google 的無障礙 API 經過精心設計,可處理超過 80% 的互動情境。針對其餘情況,通常只需要調整螢幕閱讀器的朗讀順序,而不必開發自訂無障礙服務。

隨著團隊更深入瞭解 Android 無障礙架構,他們開發了更通用的公用程式類別,有效降低各種業務模組的調整成本。因此,在實作無障礙功能的後續階段中,團隊只需針對每項新功能額外進行一項工作,即可大幅簡化相關流程。

△。團隊根據特定的商業邏輯,自訂 Android 無障礙工具架構

由於 TalkBack 的公告必要性,因為必須仰賴元素的標籤,才能巧妙地重新評估介面元素的排序和命名方式,這帶來了莫大的優勢。經過這項嚴謹的審查,我們可以意外解決先前忽略的問題:針對含意相似的圖像命名標準,以及修正缺少結束按鈕的特定彈出式視窗。

Android Studio 程式碼範例 差異說明:Android Studio 中的介面元素審查

專用於「全面評估」

邀請現實生活中的視障使用者測試應用程式,是讓整個團隊廣受認可的「Grand Test」。但是,對於具有大量功能的應用程式,您不可在每個小幅調整下進行這麼廣泛的「初步測試」。

因此,團隊會親自瞭解無障礙模式下的使用者手勢,並主動整合從其他應用程式中觀察到的無障礙功能做法的深入分析資訊。他們根據不同的業務模組區隔測試工作。在這些模組中經過疊代後,系統會執行整合測試,並吸引產品開發程序中的所有角色參與,包括產品管理、設計、開發和測試。此合作成果著重於這些功能的探索性測試 (ET)。只有在收集並解決這一輪測試的意見回饋後,才會邀請視障人士 (稱為「小測試人員」) 對應用程式執行全面的「大測試」。

無障礙設計:團隊合作的共同努力

在 Xiaohongshu 中,無障礙團隊是以跨部門專案群組的方式運作,其領導團隊是由專屬協調員組成,並由各個業務部門提供支援。這些協調人員在集中化無障礙知識、擬定指南及監督專案方面扮演舉足輕重的角色,藉此確保實現無障礙做法的標準化與卓越成就。該團隊以全面的使用者訪談和市場研究做為起點。這項基礎工作至關重要,能向公司主管的主管階層展現無障礙體驗 (如 TalkBack) 的重要性、確保主管階層瞭解主管階層,並確保機構安全無虞。

在小洪水中,每個業務部門都有責任將無障礙考量納入考量,以納入產品設計、開發和測試工作流程中。在實際的開發程序中,無障礙團隊的代表會先向開發人員展示簡報,再開始進行無障礙調整作業。這位團隊成員也會協助收集和準備重要的開發說明文件,包括常見的無障礙功能用途和常見問題。如此一來,就能確保所有團隊成員獲得充分資訊,並具備必要的資源,將無障礙功能完美整合到工作中。

在高階主管 (C 層級) 和代碼層級推廣 △ 無障礙功能

無障礙功能正式推出後,各部門 (包括業務、公關、編輯等) 會積極參與協作工作。這些無障礙功能包括內部和外部宣傳活動和活動規劃,目的在於提高知名度,並慶祝這些無障礙功能的包容性。

藉由結合全公司投入的心力,小虹將成功在三個月的限時時間內,成功導入 TalkBack 功能調整作業。這項專案是在 2023 年 7 月啟動,並於 9 月底發布 (對應應用程式版本 8.9)。這項改造能全面滿足使用者的核心互動需求,包括登入/註冊、首頁、瀏覽社群貼文、搜尋功能、使用者個人資料、直播和發布內容等等。

小黃州使用者的正面意見:這不僅僅是細微的調整,也是全面且全面的升級。現在一切作業都更加順暢。在這次更新之前,我總是覺得...突如其來。 △ 使用者對 TalkBack 調整功能給予正面評價。

#AccessibleLives 使用者原創內容社群活動在無障礙社群中爆紅! △ Xiaohongshu 預定於 10 月 15 日舉辦「愛與分享無障礙生命」(Love and Share Your Accessible Lives) 社交活動,恰好與白峽谷安全日 (White Cane Safety Day) 相結合

偶爾有意識地行動會造成意料之外的後果

在特定「Grand Test」之前,我們的團隊決定暫時停用尚未完全適應的某些功能。這麼做是為了確保使用者在測試階段期間可以享有「適當的」TalkBack 體驗。

不過,「Grand Testers」表示了這個版本的強烈反對。他們要向團隊說明,雖然有些功能可能會在當前狀態中帶來挑戰,但使用者認為他們仍可進行導覽,並提供寶貴的意見回饋,以便進一步進行最佳化。封鎖這些功能會被視為對視障使用者採取差異化措施,無意中導致社群中形成區隔。

"對所有使用者一視同仁,無障礙功能功能無法完整調整並不是使用者的問題,而這是我們的問題所在。」

— Xiaohongshu 無障礙團隊

整個團隊很快就瞭解到這堂課的價值。當使用者表示想要參加展覽,但主辦單位通知主辦單位未通過,她在小香港分享這起事件。因此,許多使用者回應了她的權利聲明。最終,主辦人重新審視政策,允許導盲犬,展現多元包容和支援使用者參與度的正面影響。

無論是在求助或提供協助,無障礙功能都能幫助每個人克服肢體差異,並即時提供多樣化又緊密相連的生命。

「改善人人的生活是小香港社群的核心價值。」

— Xiaohongshu 應用程式產品主管

迎接各種生命

小雄繼續向來強調著對無障礙環境的承諾。

小雄的無障礙計畫在公司季度評估期間獲得認可和獎項,此外,該團隊也正積極擴充這些變更,以涵蓋更多應用程式版本和平台。他們的主要目標是擴大無障礙支援範圍,讓更多使用者能夠使用,並滿足無障礙社群的多元需求。除此之外,這些公司也計劃規劃更多線上和線下活動、廣告活動、編輯內容及服務,目標是提升社群中無障礙功能的認識與能見度。

我們知道年長者經常遇到的無障礙功能難題,因此小東正計劃推出《長青居家友善指南》這類活動。這些計畫旨在鼓勵年長的使用者積極與使用者社群互動,並藉由意見回饋和疊代來協助改善應用程式。

小洪莊號召社區居民擁抱年代 △ 「親愛的居家友善」廣告活動。

無障礙體驗不僅能夠讓設計更加審慎考量,也能為開發人員帶來實質的成長機會。

小虹正正積極尋求「大考特」的答案。這個回應仍在開發階段,且可能永遠不會完成,因為應用程式會不斷發展,呈現新的無障礙功能情境可解決。不過,只要團隊持續回應需求並努力改進,「大測試人員」就會持續提供內容。

我們預期,Android 社群中的更多開發人員會期待有所收穫,打造出集思廣益且多元包容的應用程式,進而擴大使用者族群,歡迎更多使用者加入社群!