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

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

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

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

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

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

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


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

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



提升文字顯示效果


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

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

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

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

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

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

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


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


使用簡(jiǎn)單的大型控件


如果應(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)邊距值允許對(duì)象的可見大小小于 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è)界面元素都包含描述該元素用途的說(shuō)明。在大多數(shù)情況下,您可以在元素的 contentDescription 屬性中添加此說(shuō)明,如以下代碼段所示:


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


  • TextView

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


向應(yīng)用的界面元素添加說(shuō)明時(shí),請(qǐng)牢記以下最佳做法:
  • 請(qǐng)勿將界面元素的類型包含在內(nèi)容說(shuō)明中。屏幕閱讀器會(huì)自動(dòng)讀出元素的說(shuō)明和類型。例如,如果選擇某個(gè)按鈕會(huì)導(dǎo)致應(yīng)用中發(fā)生 "提交" 操作,則該按鈕的說(shuō)明應(yīng)為 "Submit",而非 "Submit button"
  • 每條說(shuō)明都應(yīng)該是獨(dú)一無(wú)二的。這樣,當(dāng)屏幕閱讀器用戶遇到重復(fù)的元素說(shuō)明時(shí),他們便能正確地識(shí)別出焦點(diǎn)現(xiàn)在位于之前已聚焦的元素上。特別是,視圖組中的每一項(xiàng) (如 RecyclerView) 都應(yīng)具有不同的說(shuō)明。每條說(shuō)明都應(yīng)反映給定項(xiàng)所特有的內(nèi)容,如位置列表中某個(gè)城市的名稱。
  • 如果界面包含僅用于裝飾效果的圖形元素,請(qǐng)將其說(shuō)明設(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)用使用起來(lái)更沒有障礙,請(qǐng)參閱下面列出的其他資源:
  • Codelab: Android 無(wú)障礙功能入門
    https://codelabs.developers.google.com/codelabs/starting-android-accessibility
  • 博文: 無(wú)障礙功能: 是否所有用戶都能使用您的應(yīng)用?

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




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




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

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

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

    關(guān)注

    27

    文章

    6080

    瀏覽量

    104365

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

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

收藏 人收藏

    評(píng)論

    相關(guān)推薦

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

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

    上手體驗(yàn) | 無(wú)障礙使用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 ?199次閱讀
    上手體驗(yàn) | <b class='flag-5'>無(wú)障礙</b>使用ZCC工具鏈編譯SDK例程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    馬蹄形纏繞機(jī)無(wú)障礙打包貨物

    自動(dòng)化纏繞機(jī)
    jf_13470860
    發(fā)布于 :2023年12月09日 16:47:24

    2023“科技無(wú)障礙”不談價(jià)值觀

    “實(shí)用”只是無(wú)障礙改造的第一步
    的頭像 發(fā)表于 12-06 09:35 ?812次閱讀
    2023“科技<b class='flag-5'>無(wú)障礙</b>”不談價(jià)值觀

    借助 Google 無(wú)障礙功能,小紅書打造貼心服務(wù)|Android 開發(fā)者故事

    ;。尤其是對(duì)視力障礙人群來(lái)說(shuō),"豐富多彩" 的多媒體世界似乎總是那么遙遠(yuǎn)。 根據(jù) 世界衛(wèi)生組織的數(shù)據(jù) ,全球只有 36% 的屈光不正人口,以及 17% 的白內(nèi)障人口接受了適當(dāng)干預(yù)
    的頭像 發(fā)表于 11-29 17:40 ?540次閱讀
    借助 Google <b class='flag-5'>無(wú)障礙</b>功能,小紅書<b class='flag-5'>打造</b>貼心服務(wù)|Android 開發(fā)者故事

    Google 無(wú)障礙功能更新 | 第二期

    為了讓每個(gè)人都能體驗(yàn)精彩世界,Google 無(wú)障礙團(tuán)隊(duì)始終致力于打造更舒適的日常生活、更完善的無(wú)障礙體驗(yàn)。我們希望通過(guò)專題系列視頻 "Google 無(wú)障礙功能更新"?與您分享近期
    的頭像 發(fā)表于 11-27 18:40 ?456次閱讀

    GB_Z 41284-2022 信息無(wú)障礙 網(wǎng)站設(shè)計(jì)無(wú)障礙評(píng)級(jí)測(cè)試方法

    發(fā)表于 10-19 08:32 ?0次下載
    GB_Z 41284-2022 信息<b class='flag-5'>無(wú)障礙</b> 網(wǎng)站設(shè)計(jì)<b class='flag-5'>無(wú)障礙</b>評(píng)級(jí)測(cè)試方法

    GBZ 41284-2022 信息無(wú)障礙 網(wǎng)站設(shè)計(jì)無(wú)障礙評(píng)級(jí)測(cè)試方法

    發(fā)表于 10-13 08:31 ?0次下載
    GBZ 41284-2022 信息<b class='flag-5'>無(wú)障礙</b> 網(wǎng)站設(shè)計(jì)<b class='flag-5'>無(wú)障礙</b>評(píng)級(jí)測(cè)試方法