0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

为应用打造更好的无障碍体验

谷歌开发者 来源:未知 2022-11-17 18:25 次阅读
Android 应用的目标应该是让所有人都可以使用,包括具有无障碍功能需求的人。

视力受损、色盲、听力受损、精细动作失能的人、以及有认知障碍和许多其他残疾的人可以使用 Android 设备来处理他们日常生活中的各种事务。如果您能够在开发应用时考虑无障碍功能,那么您便可以改善用户体验,对具有这些需求以及其他无障碍功能需求的用户来说尤其如此。

本文介绍了应该依据哪些准则来实现无障碍功能的关键元素,以便所有人都可以更轻松地使用您的应用。如需获得有关如何让您的应用使用起来更没有障碍的更深入指导,请访问改进应用无障碍功能要遵循的原则页面:


  • 改进应用无障碍功能要遵循的原则

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



提升文字显示效果


对于应用中的每组文字,建议将色彩对比度 (即文字颜色与文字后面的背景颜色之间感知到的亮度差异) 设为高于特定阈值。确切阈值取决于文字的字体大小以及文字是否以粗体显示:

  • 如果文字小于 18pt,或者如果文字为粗体且小于 14pt,则色彩对比度应至少为 4.5:1。

  • 对于其他所有文字,色彩对比度应至少为 3.0:1。

下图显示了文字与背景色彩对比度的两个示例:

△ 低于建议的色彩对比度 (左图)

足够高的色彩对比度 (右图)

如需查看应用中文字与背景的色彩对比度,请使用在线色彩对比度检查工具或无障碍功能扫描仪应用。


  • 无障碍功能扫描仪
    https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor


使用简单的大型控件


如果应用的界面包含更易于查看和点按的控件,界面就会更易于使用。我们建议每个互动界面元素的可聚焦区域 (即触摸目标大小) 至少为 48dp x 48dp。越大越好。

为使给定界面元素的触摸目标足够大,应同时满足以下两个条件:

  • android:paddingLeftandroid:minWidthandroid:paddingRight 的值的总和应大于或等于 48dp。
  • android:paddingTopandroid:minHeightandroid:paddingBottom 的值的总和应大于或等于 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


这些内边距值允许对象的可见大小小于 48dp x 48dp,同时仍具有建议的轻触目标大小。

以下代码段展示了一个具有建议的触摸目标大小的元素:
<ImageButton ...
android:paddingLeft="4dp"
android:minWidth="40dp"
android:paddingRight="4dp"


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



描述每个界面元素


我们建议应用中的每个界面元素都包含描述该元素用途的说明。在大多数情况下,您可以在元素的 contentDescription 属性中添加此说明,如以下代码段所示:


<ImageView
...
android:contentDescription="@string/inspect" />
注意: 请勿为 TextView元素提供说明。Android 无障碍服务会自动读出文字本身作为说明。


  • TextView

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


向应用的界面元素添加说明时,请牢记以下最佳做法:
  • 请勿将界面元素的类型包含在内容说明中。屏幕阅读器会自动读出元素的说明和类型。例如,如果选择某个按钮会导致应用中发生 "提交" 操作,则该按钮的说明应为 "Submit",而非 "Submit button"
  • 每条说明都应该是独一无二的。这样,当屏幕阅读器用户遇到重复的元素说明时,他们便能正确地识别出焦点现在位于之前已聚焦的元素上。特别是,视图组中的每一项 (如 RecyclerView) 都应具有不同的说明。每条说明都应反映给定项所特有的内容,如位置列表中某个城市的名称。
  • 如果界面包含仅用于装饰效果的图形元素,请将其说明设为 "@null"。如果应用的 minSdkVersion16 或更高版本,您可以改为将这些图形元素的 android:importantForAccessibility 属性设为 "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


其他资源


如需详细了解如何让您的应用使用起来更没有障碍,请参阅下面列出的其他资源:
  • Codelab: Android 无障碍功能入门
    https://codelabs.developers.google.com/codelabs/starting-android-accessibility
  • 博文: 无障碍功能: 是否所有用户都能使用您的应用?

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




 点击屏末||即刻了解无障碍功能更多相关内容




原文标题:为应用打造更好的无障碍体验

文章出处:【微信公众号:谷歌开发者】欢迎添加关注!文章转载请注明出处。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 谷歌
    +关注

    关注

    27

    文章

    5858

    浏览量

    103257

原文标题:为应用打造更好的无障碍体验

文章出处:【微信号:Google_Developers,微信公众号:谷歌开发者】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    交通运输部大力推广适老化无障碍交通服务

    4月3日,交通运输部发布了关于2024年适老化无障碍交通出行服务扩容提质增效的实施方案。方案明确了出租车电动召回和网络预约车辆的“一键召唤”服务要在地级市以上的所有城市实现全区覆盖;
    的头像 发表于 04-03 16:15 587次阅读

    基于STM32H743IIT6开发的代码,是否能不经修改无障碍地运行在STM32H753IIT6上?

    基于 STM32H743IIT6 开发的代码,是否能不经修改无障碍地运行在STM32H753IIT6上?
    发表于 03-29 06:19

    真实用户体验,终端大模型能为信息无障碍做些什么

    终端大模型
    脑极体
    发布于 :2024年03月20日 17:04:44

    苹果iOS 18和macOS 15无障碍功能升级

    Adaptive Voice Shortcuts功能可让用户把独特的口语短语绑定到无障碍设定中。用户能自行设定定制化短语,只需讲述这段话便能启动他们所需的辅助功能设置; 例如VoiceOver,语音控制,缩放等诸多现有辅助功能都能用此方法进行快速切换。
    的头像 发表于 03-08 11:08 162次阅读

    对 PN结 的认识

     单向导电性的,是二极管,不是PN结!  真正令 PN结 导不了电的,关非 过不去,而是  离不开及进不来, 交叉对流无障碍,背道而驰不允许,所以,当PN结成了集电结,单向导电性就被打破了。
    发表于 02-25 08:57

    马蹄形缠绕机无障碍打包货物

    自动化缠绕机
    jf_13470860
    发布于 :2023年12月09日 16:47:24

    2023“科技无障碍”不谈价值观

    “实用”只是无障碍改造的第一步
    的头像 发表于 12-06 09:35 666次阅读
    2023“科技<b class='flag-5'>无障碍</b>”不谈价值观

    借助 Google 无障碍功能,小红书打造贴心服务|Android 开发者故事

    ;。尤其是对视力障碍人群来说,"丰富多彩" 的多媒体世界似乎总是那么遥远。 根据 世界卫生组织的数据 ,全球只有 36% 的屈光不正人口,以及 17% 的白内障人口接受了适当干预
    的头像 发表于 11-29 17:40 244次阅读
    借助 Google <b class='flag-5'>无障碍</b>功能,小红书<b class='flag-5'>打造</b>贴心服务|Android 开发者故事

    Google 无障碍功能更新 | 第二期

    为了让每个人都能体验精彩世界,Google 无障碍团队始终致力于打造更舒适的日常生活、更完善的无障碍体验。我们希望通过专题系列视频 "Google 无障碍功能更新" 与您分享近期
    的头像 发表于 11-27 18:40 275次阅读

    检测障碍物有什么什么传感器?

    检测障碍物有什么什么传感器,用红外反射还是超声波测距,或者还有其他传感器?
    发表于 11-08 06:33

    GB_Z 41284-2022 信息无障碍 网站设计无障碍评级测试方法

    发表于 10-19 08:32 0次下载
    GB_Z 41284-2022 信息<b class='flag-5'>无障碍</b> 网站设计<b class='flag-5'>无障碍</b>评级测试方法

    GBZ 41284-2022 信息无障碍 网站设计无障碍评级测试方法

    发表于 10-13 08:31 0次下载
    GBZ 41284-2022 信息<b class='flag-5'>无障碍</b> 网站设计<b class='flag-5'>无障碍</b>评级测试方法

    如何让Arduino使用雷达避开障碍

    电子发烧友网站提供《如何让Arduino使用雷达避开障碍物.zip》资料免费下载
    发表于 06-26 14:58 1次下载
    如何让Arduino使用雷达避开<b class='flag-5'>障碍</b>物

    国产生成式AI,不能仅仅看向前方#生成式AI #信息无障碍

    AI
    脑极体
    发布于 :2023年06月15日 19:06:36

    微软康容:做无障碍领域的创新者与实践者,让我们的世界更包容

    康容,微软公司副总裁,微软大中华区首席运营官 世界上有超过10亿残障人士,其中许多人都需要辅助技术。根据世界卫生组织数据,全球残障人士只有十分之一能够获得无障碍技术支持,这意味着,他们中的很多人无法
    的头像 发表于 06-01 09:10 213次阅读
    微软康容:做<b class='flag-5'>无障碍</b>领域的创新者与实践者,让我们的世界更包容