Android 提供了一些系統無障礙服務,其中包括:
TalkBack: 幫助視力低下或失明的人。通過合成語音讀出內容,并在應用中執行操作以響應用戶手勢。 開關控制: 幫助有運動障礙的人。突出顯示互動元素,并執行操作以響應用戶按某個按鈕的動作。用戶只使用 1 個或 2 個按鈕就能控制設備。
TalkBack
https://support.google.com/accessibility/android/answer/6283677
開關控制
https://support.google.com/accessibility/android/answer/6122836
標簽元素: 用戶應該能夠理解應用中每個有意義的互動界面元素的內容和用途。 使用或擴展系統微件: 基于框架包含的視圖元素構建,而不是創建您自己的自定義視圖。框架的視圖和微件類已經提供了應用所需的大多數無障礙功能。 使用除顏色之外的提示: 用戶應該能夠明確區分界面中的各類元素。為此,除了顏色之外,還應使用圖案和位置表示這些差異。 讓媒體內容使用起來更沒有障礙: 嘗試向應用的視頻或音頻內容添加說明,這樣使用這些內容的用戶就無需完全依靠視覺或聽覺提示。
標簽元素
可修改的元素
<EditText
android:id="@+id/addressLine2"
android:hint="@string/aptSuiteBuilding" ... />
EditText
https://developer.android.google.cn/reference/android/widget/EditText
給定的 EditText 元素通常會有一個相應的 View 對象,該對象描述了用戶應在 EditText 元素中輸入的內容。在搭載 Android 4.2 (API 級別 17) 或更高版本的設備上,您可以通過設置 View 對象的 android:labelFor 屬性來指明這種關系。
View
https://developer.android.google.cn/reference/android/view/View
下面的代碼段顯示了為此類元素對添加標簽的示例:
<TextView
android:id="@+id/usernameLabel" ...
android:text="@string/username"
android:labelFor="@+id/usernameEntry" />
<EditText
android:id="@+id/usernameEntry" ... />
<TextView
android:id="@+id/passwordLabel" ...
android:text="@string/password
android:labelFor="@+id/passwordEntry" />
<EditText
android:id="@+id/passwordEntry"
android:inputType="textPassword" ... />
集合中的元素
向集合中的元素添加標簽時,每個標簽都應該是唯一的。這樣,系統的無障礙服務在讀出標簽時就可以特指屏幕上的 1 個元素。這種對應關系可讓用戶知道他們何時循環瀏覽界面,或何時將焦點移到了已經發現的元素。
需要特別注意的是,您應在重用布局內的元素(如 RecyclerView 對象) 中添加更多文字或上下文信息,以便能夠唯一標識每個子元素。
RecyclerView
https://developer.android.google.cn/reference/androidx/recyclerview/widget/RecyclerView
為此,請在適配器實現中設置內容說明,如以下代碼段所示
data class MovieRating(val title: String, val starRating: Integer)
class MyMovieRatingsAdapter(private val myData: Array):
RecyclerView.Adapter() {
class MyRatingViewHolder(val ratingView: ImageView) :
RecyclerView.ViewHolder(ratingView)
override fun onBindViewHolder(holder: MyRatingViewHolder, position: Int) {
val ratingData = myData[position]
holder.ratingView.contentDescription = "Movie ${position}: " +
"${ratingData.title}, ${ratingData.starRating} stars"
}
}
如果應用顯示的多個界面元素構成一個自然組 (如歌曲的詳細信息或消息的屬性),應將這些元素整理到一個容器中,該容器通常是 ViewGroup 的子類。將容器對象的 android:screenReaderFocusable 屬性設為 true,并將每個內部對象的 android:focusable 屬性設為 false。這樣,無障礙服務就可以在單次語音中逐個讀出內部元素的內容說明。這樣整合相關元素有助于使用輔助技術的用戶更高效地發現屏幕上的信息。
android:screenReaderFocusable
https://developer.android.google.cn/reference/android/view/View#attr_android:screenReaderFocusable
android:focusable
https://developer.android.google.cn/reference/android/view/View#attr_android:focusable
<ConstraintLayout
android:id="@+id/song_data_container" ...
android:screenReaderFocusable="true">
<TextView
android:id="@+id/song_title" ...
android:focusable="false"
android:text="@string/my_song_title" />
<TextView
android:id="@+id/song_artist"
android:focusable="false"
android:text="@string/my_songwriter" />
ConstraintLayout>
自定義組標簽
android:id="@+id/song_data_container" ...
android:screenReaderFocusable="true"
android:contentDescription="@string/title_artist_best_song">
android:id="@+id/song_title" ...
android:text="@string/my_song_title" />
android:id="@+id/song_artist"
android:text="@string/my_songwriter" />
嵌套組
<ConstraintLayout
android:id="@+id/festival_event_table" ... >
<ConstraintLayout
android:id="@+id/stage_a_event_column"
android:screenReaderFocusable="true">
ConstraintLayout>
<ConstraintLayout
android:id="@+id/stage_b_event_column"
android:screenReaderFocusable="true">
ConstraintLayout>
ConstraintLayout>
android:accessibilityHeading
https://developer.android.google.cn/reference/android/view/View#attr_android:accessibilityHeading
<MyShoppingCartView
android:id="@+id/shoppingCartContainer"
android:accessibilityPaneTitle="@string/shoppingCart" ... />
<MyShoppingBrowseView
android:id="@+id/browseItemsContainer"
android:accessibilityPaneTitle="@string/browseProducts" ... />
android:accessibilityPaneTitle
https://developer.android.google.cn/reference/android/R.attr#accessibilityPaneTitle
https://developer.android.google.cn/reference/android/view/View#attr_androidcontentDescription
擴展系統微件
View
https://developer.android.google.cn/reference/kotlin/android/view/View
ViewCompat
https://developer.android.google.cn/reference/kotlin/androidx/core/view/ViewCompat
Canvas
https://developer.android.google.cn/reference/kotlin/android/graphics/Canvas
CanvasCompat
https://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/canvas/CanvasCompat.java
讓自定義視圖使用起來更沒有障礙
https://developer.android.google.cn/guide/topics/ui/accessibility/custom-views
Switch
https://developer.android.google.cn/reference/android/widget/Switch
View
? TextView
? Button
? CompoundButton
? Switch
新的 TriSwitch 類最好直接從 Switch 類擴展。這樣,Android 無障礙功能框架就可以提供 TriSwitch 類所需的大多數無障礙功能:
無障礙操作: 告知系統無障礙服務如何模擬在 TriSwitch 對象上執行的各種可能的用戶輸入。(繼承自 View。) 無障礙事件: 告知無障礙服務當屏幕刷新或更新時,TriSwitch 對象的外觀會發生的各種可能的變化方式。(繼承自 View。) 特征: 有關每個 TriSwitch 對象的詳細信息,例如其顯示的任何文字的內容。(繼承自 TextView。) 狀態信息: TriSwitch 對象的當前狀態的說明,如 "選中" 或 "未選中"。(繼承自 CompoundButton。) 狀態的文字說明: 文字類說明,解釋了各種狀態的含義。(繼承自 Switch。)
定義自定義事件
當您擴展某個系統微件時,可能會改變用戶與該微件互動方式的某一方面。請務必定義這些互動變化,以便無障礙服務可以更新應用的微件,就像用戶直接與微件互動一樣。
ViewCompat.replaceAccessibilityAction()
https://developer.android.google.cn/reference/androidx/core/view/ViewCompat#replaceAccessibilityAction(android.view.View,%20androidx.core.view.accessibility.AccessibilityNodeInfoCompat.AccessibilityActionCompat,%20java.lang.CharSequence,%20androidx.core.view.accessibility.AccessibilityViewCommand)
ViewCompat.performAccessibilityAction()
https://developer.android.google.cn/reference/androidx/core/view/ViewCompat#performAccessibilityAction(android.view.View,%20int,%20android.os.Bundle)
此原則如何對 TriSwitch 對象起作用
class TriSwitch(context: Context) : Switch(context) {
// 0, 1, or 2.
var currentState: Int = 0
private set
init {
updateAccessibilityActions()
}
private fun updateAccessibilityActions() {
ViewCompat.replaceAccessibilityAction(this, ACTION_CLICK,
action-label) {
view, args -> moveToNextState()
})
}
private fun moveToNextState() {
currentState = (currentState + 1) % 3
}
}
使用除顏色之外的提示
為了幫助有色覺缺陷的用戶,請使用除顏色之外的提示區分應用屏幕中的界面元素。具體方法包括采用不同的形狀或大小、提供文字或視覺圖案,或者添加基于音頻的反饋或基于輕觸手勢的觸感反饋來表示元素的差異。
下圖顯示了一個 Activity 的兩個版本。一個版本僅使用顏色區分工作流程中兩種可能的操作。另一個版本采用了最佳做法: 除了顏色之外,還使用了形狀和文字來突出兩個選項之間的差異:
讓媒體內容使用起來更沒有障礙
如果您開發的應用包含視頻剪輯或音頻錄音等媒體內容,應設法為具有不同類型的無障礙功能需求的用戶提供支持,讓他們能夠理解此類內容。特別是,我們建議您做到以下幾點:
添加可讓用戶暫停或停止播放媒體、調整音量以及切換字幕的控件。 如果視頻提供的信息對于完成工作流程至關重要,應以其他格式提供相同的內容,如轉錄內容。
其他資源
如需詳細了解如何讓您的應用使用起來更沒有障礙,請參閱下面列出的其他資源:
Codelab: 基本的 Android 無障礙功能
https://developer.android.google.cn/codelabs/starting-android-accessibility#0 博文: 無障礙功能: 是否所有用戶都能使用您的應用? https://android-developers.googleblog.com/2012/04/accessibility-are-you-serving-all-your.html
原文標題:最佳實踐 | 助您提升應用的無障礙功能
文章出處:【微信公眾號:谷歌開發者】歡迎添加關注!文章轉載請注明出處。
-
谷歌
+關注
關注
27文章
6142瀏覽量
105104
原文標題:最佳實踐 | 助您提升應用的無障礙功能
文章出處:【微信號:Google_Developers,微信公眾號:谷歌開發者】歡迎添加關注!文章轉載請注明出處。
發布評論請先 登錄
相關推薦
評論