0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

為應(yīng)用打造更好的無障礙體驗(yàn)

谷歌開發(fā)者 ? 來源:未知 ? 2022-11-17 18:25 ? 次閱讀
Android 應(yīng)用的目標(biāo)應(yīng)該是讓所有人都可以使用,包括具有無障礙功能需求的人。

視力受損、色盲、聽力受損、精細(xì)動(dòng)作失能的人、以及有認(rèn)知障礙和許多其他殘疾的人可以使用 Android 設(shè)備來處理他們?nèi)粘I钪械母鞣N事務(wù)。如果您能夠在開發(fā)應(yīng)用時(shí)考慮無障礙功能,那么您便可以改善用戶體驗(yàn),對具有這些需求以及其他無障礙功能需求的用戶來說尤其如此。

本文介紹了應(yīng)該依據(jù)哪些準(zhǔn)則來實(shí)現(xiàn)無障礙功能的關(guān)鍵元素,以便所有人都可以更輕松地使用您的應(yīng)用。如需獲得有關(guān)如何讓您的應(yīng)用使用起來更沒有障礙的更深入指導(dǎo),請?jiān)L問改進(jìn)應(yīng)用無障礙功能要遵循的原則頁面:


  • 改進(jìn)應(yīng)用無障礙功能要遵循的原則

    https://developer.android.google.cn/guide/topics/ui/accessibility/principles



提升文字顯示效果


對于應(yīng)用中的每組文字,建議將色彩對比度 (即文字顏色與文字后面的背景顏色之間感知到的亮度差異) 設(shè)為高于特定閾值。確切閾值取決于文字的字體大小以及文字是否以粗體顯示:

  • 如果文字小于 18pt,或者如果文字為粗體且小于 14pt,則色彩對比度應(yīng)至少為 4.5:1。

  • 對于其他所有文字,色彩對比度應(yīng)至少為 3.0:1。

下圖顯示了文字與背景色彩對比度的兩個(gè)示例:

△ 低于建議的色彩對比度 (左圖)

足夠高的色彩對比度 (右圖)

如需查看應(yīng)用中文字與背景的色彩對比度,請使用在線色彩對比度檢查工具或無障礙功能掃描儀應(yīng)用。


  • 無障礙功能掃描儀
    https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor


使用簡單的大型控件


如果應(yīng)用的界面包含更易于查看和點(diǎn)按的控件,界面就會(huì)更易于使用。我們建議每個(gè)互動(dòng)界面元素的可聚焦區(qū)域 (即觸摸目標(biāo)大小) 至少為 48dp x 48dp。越大越好。

為使給定界面元素的觸摸目標(biāo)足夠大,應(yīng)同時(shí)滿足以下兩個(gè)條件:

  • android:paddingLeft、android:minWidthandroid:paddingRight 的值的總和應(yīng)大于或等于 48dp。
  • android:paddingTop、android:minHeightandroid:paddingBottom 的值的總和應(yīng)大于或等于 48dp。

  • android:paddingLeft

    https://developer.android.google.cn/reference/android/view/View#attr_android:paddingLeft

  • android:minWidth

    https://developer.android.google.cn/reference/android/view/View#attr_android:minWidth

  • android:paddingRight

    https://developer.android.google.cn/reference/android/view/View#attr_android:paddingRight

  • android:paddingTop

    https://developer.android.google.cn/reference/android/view/View#attr_android:paddingTop

  • android:minHeight

    https://developer.android.google.cn/reference/android/view/View#attr_android:minHeight

  • android:paddingBottom

    https://developer.android.google.cn/reference/android/view/View#attr_android:paddingBottom


這些內(nèi)邊距值允許對象的可見大小小于 48dp x 48dp,同時(shí)仍具有建議的輕觸目標(biāo)大小。

以下代碼段展示了一個(gè)具有建議的觸摸目標(biāo)大小的元素:
<ImageButton ...
android:paddingLeft="4dp"
android:minWidth="40dp"
android:paddingRight="4dp"


android:paddingTop="8dp"
android:minHeight="32dp"
android:paddingBottom="8dp" />



描述每個(gè)界面元素


我們建議應(yīng)用中的每個(gè)界面元素都包含描述該元素用途的說明。在大多數(shù)情況下,您可以在元素的 contentDescription 屬性中添加此說明,如以下代碼段所示:


<ImageView
...
android:contentDescription="@string/inspect" />
注意: 請勿為 TextView元素提供說明。Android 無障礙服務(wù)會(huì)自動(dòng)讀出文字本身作為說明。


  • TextView

    https://developer.android.google.cn/reference/android/widget/TextView


向應(yīng)用的界面元素添加說明時(shí),請牢記以下最佳做法:
  • 請勿將界面元素的類型包含在內(nèi)容說明中。屏幕閱讀器會(huì)自動(dòng)讀出元素的說明和類型。例如,如果選擇某個(gè)按鈕會(huì)導(dǎo)致應(yīng)用中發(fā)生 "提交" 操作,則該按鈕的說明應(yīng)為 "Submit",而非 "Submit button"。
  • 每條說明都應(yīng)該是獨(dú)一無二的。這樣,當(dāng)屏幕閱讀器用戶遇到重復(fù)的元素說明時(shí),他們便能正確地識(shí)別出焦點(diǎn)現(xiàn)在位于之前已聚焦的元素上。特別是,視圖組中的每一項(xiàng) (如 RecyclerView) 都應(yīng)具有不同的說明。每條說明都應(yīng)反映給定項(xiàng)所特有的內(nèi)容,如位置列表中某個(gè)城市的名稱。
  • 如果界面包含僅用于裝飾效果的圖形元素,請將其說明設(shè)為 "@null"。如果應(yīng)用的 minSdkVersion16 或更高版本,您可以改為將這些圖形元素的 android:importantForAccessibility 屬性設(shè)為 "no"。


  • RecyclerView
    https://developer.android.google.cn/reference/androidx/recyclerview/widget/RecyclerView
  • android:importantForAccessibility
    https://developer.android.google.cn/reference/android/view/View#attr_android:importantForAccessibility


其他資源


如需詳細(xì)了解如何讓您的應(yīng)用使用起來更沒有障礙,請參閱下面列出的其他資源:
  • Codelab: Android 無障礙功能入門
    https://codelabs.developers.google.com/codelabs/starting-android-accessibility
  • 博文: 無障礙功能: 是否所有用戶都能使用您的應(yīng)用?

    https://android-developers.googleblog.com/2012/04/accessibility-are-you-serving-all-your.html




?點(diǎn)擊屏末||即刻了解無障礙功能更多相關(guān)內(nèi)容




原文標(biāo)題:為應(yīng)用打造更好的無障礙體驗(yàn)

文章出處:【微信公眾號(hào):谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報(bào)投訴
  • 谷歌
    +關(guān)注

    關(guān)注

    27

    文章

    6168

    瀏覽量

    105397

原文標(biāo)題:為應(yīng)用打造更好的無障礙體驗(yàn)

文章出處:【微信號(hào):Google_Developers,微信公眾號(hào):谷歌開發(fā)者】歡迎添加關(guān)注!文章轉(zhuǎn)載請注明出處。

收藏 人收藏

    評論

    相關(guān)推薦

    數(shù)據(jù)采集與傳輸無障礙 簡化設(shè)備,解決隧道深部監(jiān)測難題 擺脫信號(hào)盲區(qū)的困擾

    數(shù)據(jù)采集與傳輸無障礙 簡化設(shè)備,解決隧道深部監(jiān)測難題 擺脫信號(hào)盲區(qū)的困擾 根據(jù)實(shí)際情況和工程環(huán)境,我們特別推出了一種一站式現(xiàn)場監(jiān)測方案,旨在方便快捷地完成隧道深部及信號(hào)盲區(qū)部分的施工監(jiān)測。我們利用
    的頭像 發(fā)表于 12-21 17:29 ?102次閱讀
    數(shù)據(jù)采集與傳輸<b class='flag-5'>無障礙</b> 簡化設(shè)備,解決隧道深部監(jiān)測難題 擺脫信號(hào)盲區(qū)的困擾

    HarmonyOS NEXT應(yīng)用元服務(wù)開發(fā)禁用屏幕朗讀焦點(diǎn)的場景

    裝飾性的控件一般分隔符、占位符和美化圖標(biāo)等,這類圖形元素僅僅起到調(diào)整頁面布局或裝飾性效果,并不會(huì)向用戶傳達(dá)有效的信息或提供交互功能,刪除后不影響指引用戶體驗(yàn)??梢栽O(shè)置控件的無障礙是否可見的屬性將其
    發(fā)表于 10-23 09:47

    HarmonyOS NEXT應(yīng)用元服務(wù)開發(fā)標(biāo)注屏幕朗讀內(nèi)容的場景

    控件包含顯示文本(text)、無障礙文本(accessibilityText)2個(gè)屬性,其中,顯示文本用戶界面上呈現(xiàn)的信息,無障礙文本無障礙
    發(fā)表于 10-12 15:52

    開發(fā)者大會(huì)成功舉辦 vivo用科技搭建人與數(shù)字世界的無障礙橋梁

    2024年10月10日,vivo開發(fā)者大會(huì)在深圳舉辦,其中信息無障礙分會(huì)場受到外界廣泛關(guān)注。vivo副總裁、OS產(chǎn)品副總裁、vivo AI全球研究院院長周圍及全國政協(xié)委員,中國殘疾人聯(lián)合會(huì)理事,中國
    發(fā)表于 10-12 14:18 ?143次閱讀
    開發(fā)者大會(huì)成功舉辦 vivo用科技搭建人與數(shù)字世界的<b class='flag-5'>無障礙</b>橋梁

    HarmonyOS NEXT應(yīng)用元服務(wù)開發(fā)Accessibility(信息無障礙)介紹

    方面的數(shù)字鴻溝,使其更加方便地參與社會(huì)生活,享受數(shù)字發(fā)展帶來的便利。 Accessibility Kit(無障礙服務(wù))提供應(yīng)用適配無障礙的開放能力,以便應(yīng)用可以更好的服務(wù)于障礙人群和
    發(fā)表于 10-09 10:29

    通信電纜常見障礙分類介紹

    通信電纜是現(xiàn)代通信系統(tǒng)中至關(guān)重要的組成部分,它們承載著無數(shù)數(shù)據(jù)和信號(hào)的傳輸任務(wù)。然而,在長期的使用過程中,通信電纜難免會(huì)遇到各種障礙,這些障礙會(huì)嚴(yán)重影響通信的質(zhì)量和可靠性。了解和掌握這些常見障礙
    的頭像 發(fā)表于 08-27 15:23 ?359次閱讀

    上手體驗(yàn) | 無障礙使用ZCC工具鏈編譯SDK例程

    各位關(guān)注先楫的小伙伴們可能已經(jīng)發(fā)現(xiàn),先楫SDK1.6已經(jīng)支持ZCC工具鏈。大家可能會(huì)好奇ZCC工具鏈?zhǔn)鞘裁葱率挛铮貌缓蒙鲜?。關(guān)于ZCC工具鏈的詳情
    的頭像 發(fā)表于 07-13 08:17 ?432次閱讀
    上手體驗(yàn) | <b class='flag-5'>無障礙</b>使用ZCC工具鏈編譯SDK例程

    華為致力于推動(dòng)無障礙技術(shù)發(fā)展

    的智能生活新紀(jì)元。這場聚焦前沿科技的盛會(huì)并未止步于技術(shù)的展示,而是進(jìn)一步拓展至人文情懷與平等包容,用一場“湖畔對談”無障礙活動(dòng)以及TECH4ALL數(shù)字包容展館,我們呈現(xiàn)了一次科技與人文的對話。 ? 今年已經(jīng)是第三年,華為在HDC現(xiàn)場舉辦與華為
    的頭像 發(fā)表于 06-29 16:13 ?743次閱讀

    鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表【無障礙屬性】 通用屬性

    組件可以設(shè)置相應(yīng)的無障礙屬性和事件來更好地使用無障礙能力。
    的頭像 發(fā)表于 06-11 17:30 ?403次閱讀
    鴻蒙ArkTS聲明式開發(fā):跨平臺(tái)支持列表【<b class='flag-5'>無障礙</b>屬性】 通用屬性

    谷歌GameFace項(xiàng)目讓用戶通過面部表情控制PC游戲角色

    開發(fā)者可將“Game Face”無障礙功能融入應(yīng)用程序,使用戶能夠通過面部手勢或頭部運(yùn)動(dòng)來控制光標(biāo)。例如,張口可實(shí)現(xiàn)光標(biāo)的移動(dòng),抬眉則表示進(jìn)行拖拽操作。
    的頭像 發(fā)表于 05-15 10:07 ?413次閱讀

    交通運(yùn)輸部大力推廣適老化無障礙交通服務(wù)

    4月3日,交通運(yùn)輸部發(fā)布了關(guān)于2024年適老化無障礙交通出行服務(wù)擴(kuò)容提質(zhì)增效的實(shí)施方案。方案明確了出租車電動(dòng)召回和網(wǎng)絡(luò)預(yù)約車輛的“一鍵召喚”服務(wù)要在地級(jí)市以上的所有城市實(shí)現(xiàn)全區(qū)覆蓋;
    的頭像 發(fā)表于 04-03 16:15 ?906次閱讀

    基于STM32H743IIT6開發(fā)的代碼,是否能不經(jīng)修改無障礙地運(yùn)行在STM32H753IIT6上?

    基于 STM32H743IIT6 開發(fā)的代碼,是否能不經(jīng)修改無障礙地運(yùn)行在STM32H753IIT6上?
    發(fā)表于 03-29 06:19

    真實(shí)用戶體驗(yàn),終端大模型能為信息無障礙做些什么

    終端大模型
    腦極體
    發(fā)布于 :2024年03月20日 17:04:44

    蘋果iOS 18和macOS 15無障礙功能升級(jí)

    Adaptive Voice Shortcuts功能可讓用戶把獨(dú)特的口語短語綁定到無障礙設(shè)定中。用戶能自行設(shè)定定制化短語,只需講述這段話便能啟動(dòng)他們所需的輔助功能設(shè)置; 例如VoiceOver,語音控制,縮放等諸多現(xiàn)有輔助功能都能用此方法進(jìn)行快速切換。
    的頭像 發(fā)表于 03-08 11:08 ?725次閱讀

    對 PN結(jié) 的認(rèn)識(shí)

    ?單向?qū)щ娦缘模嵌O管,不是PN結(jié)!? 真正令 PN結(jié) 導(dǎo)不了電的,關(guān)非 過不去,而是? 離不開及進(jìn)不來, 交叉對流無障礙,背道而馳不允許,所以,當(dāng)PN結(jié)成了集電結(jié),單向?qū)щ娦跃捅淮蚱屏恕?/div>
    發(fā)表于 02-25 08:57