无障碍开发系列之焦点管理

最新推荐文章于 2023-05-26 12:16:27 发布
VIP文章 最新推荐文章于 2023-05-26 12:16:27 发布
阅读量2.4k 收藏 2
点赞数 2
分类专栏： 无障碍 文章标签： 无障碍 焦点 焦点管理 无障碍开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yc123h/article/details/51337411
版权

欢迎访文我的博客YangChen’s Blog

说这之前先推荐两个网站来体验下无障碍操作，一个是美联航，另一个是汉莎航空。打开这两个网站后，用tab键操作下，就能感受到流畅的无障碍操作，这里面的一个关键接下来要说的焦点管理。

使元素可获得焦点

在正常情况，只有a标签、button以及input标签可以获得焦点，其他元素例如div、span等等是无法用是tab键获得焦点的。那么怎么样才能获得焦点呢？

方法就是：为标签属性中加入tabindex

例如：<div tabindex="0">这是能获得焦点的div</div>

添加了这个属性后，这个div元素就能够获得焦点了，tabindex的值也是很有讲究的，总的来说有三个状态

  1. tabindex等于0的时候，这种情况下会按正常的顺序遍历到这个可获得焦点的元素，不会有顺序上的差异
  2. tabindex大于0时，这种情况下会在遍历完tabindex="0"的元素后，再去遍历等于1、等于2的……以此类推。
  3. tabindex等于-1，这种情况使用tab键不会获得这个元素的焦点，但是可以通过js获得
最低0.47元/天 解锁文章
阿Q虾米
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
无障碍开发问题总结
xu491361421xiao的博客
01-17 1291
1、列表刷新导致无障碍焦点丢失——可以通过设置adapter.setHasStableIds(true)解决 1）adapter.setHasStableIds(true); 2）重写adapter的getItemId方法 //如果不重写，会导致列表内容错乱 @Override public long getItemId(in...
Android无障碍宝典
CSDN 人工智能
08-04 5628
作者简介： 何金源，腾讯Android手Q开发工程师，负责Android手Q无障碍优化工作，对Android无障碍系统原理及开发技术有深入了解。在MDCC 2016移动开发者大会上，何金源将发表《Android无障碍化原理及优化》的主题演讲，介绍Android系统中无障碍实现原理，总结Android手机QQ进行无障碍优化过程中遇到的问题及解决办法，以及如何实现自定义View无障碍化。 ...
基于Android studio无障碍开发demo源码.zip
05-13
基于Android studio的安卓无障碍环境的配置，简单演示，实现了模拟指定控件的点击、滑动 edittext输入等。
React开发（193）:react无障碍使用程序获取焦点第一种
歌谣的博客
10-20 404
class CustomTextInput extends React.Component { constructor(props) { super(props); // 创造一个 textInput DOM 元素的 ref this.textInput = React.createRef(); } render() { // 使用 `ref` 回调函数以在实例的一个变量中存储文本输入 DOM 元素 //（比如，this.textInput）。 return.
关于无障碍开发中遇到的问题总结
YML_426的博客
12-06 2207
1.ios端焦点框选中范围不准确的问题 是由于伪元素引起的，解决方法：在伪元素父类添加 overflow:hidden 即可 2.安卓机在tab栏切换后无法识别焦点 在tab栏切换后该tab栏下所有内容均无法识别焦点，解决方法：在切换的tab栏下添加一个空标签（去除宽高和内外边距） 3.添加role=text后列表内容依旧无法分开读取 由于项目比较老，是使用Juice模板引擎写的， ...
【无障碍】tabindex
qq_40029828的博客
11-10 2008
简介 tabindex是全局属性：用户操作tab键的顺序 ——HTML标签元素都可以用的属性，比如说id、class等属性都是HTML的全局属性。 tabindex属性是一个与键盘访问行为息息相关的属性，或者说是用户体验息息相关的属性 场景：鼠标坏了/投屏的键盘操作 作用：管理键盘焦点，决定元素能否被选中 交互元素：常见的a、button、input：隐式可聚焦元素、内置键盘事件处理 https://allyjs.io/data-tables/focusable.html document.activeEl
无障碍&&控制焦点&&打包&&异常获取边界
qq_43940172的博客
06-23 383
就是我们在进行一些遍历，我们可能遍历的时候在外面有一个div,但我们需要在一个表单中tr,td这种，如果把这种放到里面会有一层div，多一个节点，我们可以用到fragment,这个相当于一个空节点，用来处理这种如果用div，会产生HTML错误在没有鼠标的情况下，如何通过键盘实现相同的操作，我们可以设置就是做完某些操作后，焦点要停留在哪个位置，我们可以创建一个ref就是在constructor中创建一个如this.input1=react.creatref()然后我们在组件的return中进行使用，添加元素的
android 焦点事件 触发顺序
zhanglinlang的专栏
01-12 1148
整个布局将触发的方法如下： 点击TextView1 时，执行循环一次后。最后方法将不再向下传递。直接交个 Activity执行04-28 16:22:09.509: I/System.out(7028): MainActivity ==== dispatchTouchEvent 04-28 16:22:09.509: I/System.out(7028): MainActivity ==== on
无障碍开发笔记2
2301_77585245的博客
05-26 233
当开启屏幕的阅读功能后，用户可以通过在屏幕上移动焦点来“浏览”内容。正确的焦点标注和焦点顺序能够让读屏软件用户获得更好的体验。
无障碍开发系列之隐藏内容访问
yc123h的博客
05-07 2127
欢迎访文我的博客YangChen’s Blog前一阵子一直在开发一个无障碍项目，到现在算是告一段落了，利用这点时间打算整理下无障碍开发上的一些关键技术。这次开发任务还是蛮有挑战的，网上也没有找到什么系统性的学习资料，踩了不少坑，回炉也改了不少代码，所以对于这个项目的技术总结还是十分重要的。无障碍开发概念什么是无障碍开发要做无障碍开发，知道什么是无障碍这个概念是十分重要的。无障碍在词典中的字面意思是
iOS无障碍开发指南.pdf
02-12
无障碍开发指南，IOS无障碍开发指南，更多内容可参考信息无障碍研究会官网知识库专区无障碍技术文档。（http://www.siaa.org.cn/%E5%88%86%E7%B1%BB/27-technical）
iOS 无障碍开发指导.zip
最新发布
02-08
IOS开发
iOS无障碍开发指引
08-31
iOS是由苹果公司开发的移动操作系统。iOS信息无障碍开发是iOS平台出开发出方便各种用户使用的信息无障碍应用。
Android无障碍服务模拟点击
08-17
开启无障碍服务、查找节点、坐标点击、节点模拟点击
无障碍开发系列之WAI-ARIA
yc123h的博客
05-07 7499
欢迎访文我的博客YangChen’s Blog趁着今晚有空把我挖的无障碍开发系列这个坑填了。WAI-ARIA是无障碍开发的一个关键点，它主要解决的就是残障人士无障碍的访问页面的问题。回到第一篇文章无障碍开发系列之隐藏内容访问里面提到的一些问题，例如： 对于一些模拟标签，例如用a标签写button，如何让读屏器读出这是button而不是链接。 如何让盲人朋友知道焦点所在的区域是导航栏还是
无障碍开发系列之准则及评级
yc123h的博客
05-07 1316
欢迎访文我的博客YangChen’s Blog无障碍开发准则无障碍支持的怎么样？自然需要一个标准来判定，这个标准是W3C制定的，分为3个等级，分别A、AA、AAA，AAA级是无障碍的最高等级。这个三个等级之间有什么区别呢？这要从无障碍开发的四个原则说起,这4个原则分别是可感知性，可操作性，可理解性和鲁棒性，具体的解释将会在下面说明。原则一：可感知性-信息和用户界面组件必须以可感知的方式呈现给用户。可
无障碍开发系列之开发建议
yc123h的博客
05-07 833
欢迎访文我的博客YangChen’s Blog这将是无障碍开发系列的最后一篇文章，对一些开发中的琐碎点做些总结。HTML规范建议html这块的问题大部分是我们开发过程中的不规范导致的，如果规范化的使用HTML标签基本上问题都不大，有些问题还是要说一下图片添加替代文本写img标签时一定要加上替代文本，也就是alt属性里内容。它的作用就是焦点到这个图片时，读屏器会读出alt里的内容，这样能让视障朋友理解
无障碍开发系列之事件统一
yc123h的博客
05-07 689
欢迎访文我的博客YangChen’s Blog这是开发中踩得一个比较深的坑，好多代码都因为这个回炉了，虽然内容很简单，但有必要单独拎出来说下。为什么要事件统一在无障碍开发中一个必不可少的功能就是键盘相应，在传统开发中，只要click事件就行，但是无障碍中必须适配上键盘事件，这是必须的。在这次开发中，为了偷个懒在点击事件和键盘事件上并没有做到一致，因为自认为点击事件不用处理焦点嘛。当然啦，我把代码能写
androidstudio无障碍开发实例
07-13
### 回答1： Android Studio是一款主要用于Android应用开发的集成开发环境。无障碍开发是指开发者在设计和开发Android应用时，考虑到用户的多样性和特殊需求，通过提供辅助功能和无障碍服务，使得应用能够更好地满足各类用户的需求，包括具备视觉、听觉或运动上的障碍的用户。 在Android Studio中，开发者可以针对无障碍开发进行一些实例操作。例如，可以在布局文件中为控件添加一些属性来支持无障碍功能。比如，可以为按钮添加属性`android:contentDescription`，用于描述按钮的功能或作用，当用户因视觉障碍而无法看到按钮时，屏读读屏软件会读出该描述信息。 此外，开发者可以通过使用无障碍服务来实现更复杂的无障碍功能。无障碍服务是Android系统提供的一种机制，可以使应用在后台监听和接收来自系统的无障碍事件，并且可以进行一些相应的操作。例如，通过无障碍服务可以捕获用户的点击事件并执行一系列自定义的操作，比如读取特定的界面元素、发送通知等等。 开发者还可以通过使用AccessibilityNodeInfo类来实现一些无障碍功能。通过此类，开发者可以获取和修改界面上的控件元素的属性、文本内容等信息。 总结来说，Android Studio提供了一整套的工具和API来支持无障碍开发，开发者可以根据具体的需求灵活地进行相应的实例操作，以提供更好的用户体验和无障碍支持。 ### 回答2： Android Studio是一款强大的集成开发环境，可以用于开发Android应用程序。无障碍开发是一种为了帮助有特殊需求的用户（如视力障碍、听力障碍、身体障碍等）更好地使用应用程序而进行的开发方法。下面是一个Android Studio无障碍开发的实例。 假设我们要开发一个阅读应用程序，帮助视力障碍用户更好地阅读电子书。首先，我们需要确保应用程序的可访问性。在Android Studio中，我们可以通过向布局添加一些无障碍属性来实现这一点。比如，我们可以为文本视图添加“contentDescription”属性，描述该视图的内容。这样，屏幕阅读器可以读出文本内容给视力障碍用户听。 接下来，我们可以使用无障碍服务来提供更多的辅助功能。例如，我们可以创建一个自定义的无障碍服务，在用户滑动屏幕时，通过音频反馈告诉用户当前页面的标题。为了实现这个功能，我们需要在应用程序的主活动中注册这个无障碍服务，并在服务中实现相关的逻辑。 除了辅助功能，我们还可以使用无障碍事件来增强应用程序的可访问性。例如，我们可以在应用程序中增加一个按钮，当用户点击该按钮时，屏幕阅读器将会通知用户当前页面的标题和内容。为了实现这个功能，我们需要在按钮的点击事件监听器中发送无障碍事件，并在应用程序的主活动中注册并处理这个事件。 总之，Android Studio提供了丰富的工具和功能来支持无障碍开发。通过使用无障碍属性、无障碍服务和无障碍事件，我们可以轻松地为特殊需求的用户提供一个可访问的应用程序，帮助他们更好地使用我们的应用程序。 ### 回答3： Android Studio是一款流行的Android应用开发环境，可以提供无障碍开发的支持。无障碍开发旨在提供给残障人士使用的应用程序，使他们可以轻松地通过触摸屏幕、语音命令或其他辅助技术来访问应用程序的功能。 在Android Studio中，开发者可以通过一系列的工具和API来实现无障碍开发。其中包括： 1.辅助功能服务：Android Studio提供了一套辅助功能服务，使开发者可以为应用程序添加可访问的功能。这些功能包括屏幕阅读器、文本到语音转换、语音识别等。 2.可访问性属性：开发者可以使用可访问性属性来标记应用程序中的视图元素，以便辅助技术可以正确地解释和操作这些元素。例如，开发者可以为按钮添加可访问性属性，以便屏幕阅读器可以读出按钮的标签和状态。 3.键盘快捷键：Android Studio提供一系列的键盘快捷键，使开发者可以在无需使用鼠标的情况下进行开发。这对于视觉障碍的开发者尤为重要。 4.无障碍检查工具：Android Studio还提供了一个无障碍检查工具，可以帮助开发者检查应用程序中是否遵循无障碍开发的最佳实践。开发者可以使用这个工具来发现并修复潜在的无障碍问题。 无障碍开发实例可以包括为视觉障碍的用户优化应用程序中的界面，使用屏幕阅读器测试应用程序的可访问性，为语音输入提供支持，等等。通过使用Android Studio的无障碍开发功能，开发者可以更好地满足残障人士的需求，为他们提供更好的应用体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值