螢幕閱讀器等無障礙服務的使用者,必須仰賴內容標籤才能理解介面元素的含義。
在部分情況下 (例如於元素中以圖像方式傳達資訊時),內容標籤可提供文字說明,解釋元素的含義或相關聯的操作。
如果使用者介面中的元素沒有提供內容標籤,部分使用者可能會難以理解這些元素所傳達的資訊,或可透過介面執行哪些操作。
導入作業
設計
設計使用者介面時,請仔細思考如何為以圖像方式呈現的內容設定標籤,方便無障礙服務的使用者輕鬆理解。內容標籤必須遵守下列原則:
- 簡潔明瞭,清楚說明元素的含義或相關聯的操作。
- 元素的內容標籤不得包含該元素的類型或狀態。
- 如果元素與某項操作相關聯,請說明該操作,而不是圖像的呈現方式。
- 請勿指示使用者以特定方式與元素互動。
詳情請參閱「Material Design 無障礙功能編寫指南」。
測試
如何手動檢驗應用程式的使用者介面未缺少內容標籤:
- 開啟 TalkBack。
- 開啟應用程式。
- 使用線性導覽手勢,將無障礙功能的焦點移至畫面上的各項元素。
- 如果 TalkBack 將焦點移到某些元素,但並未朗讀出該元素的含義,或是說出「未加上標籤」的訊息,表示該元素可能缺少內容標籤。
Android 的自動測試工具能偵測出缺少的內容標籤。你可以使用 Android 專用無障礙功能檢查工具,在裝置端手動測試應用程式。如要進行自動測試,請啟用 Espresso 和 Robolectric 中的無障礙程度檢查功能。