为什么Tab键离开输入字段后,VoiceOver iOS会还原光标位置?

问题描述

在@ ionic / angular cordova应用中测试iOS的VoiceOver时,我遇到以下问题:

我在页面上有两个元素。一个是标签索引为h1的{​​{1}}。另一个是普通的0

  1. 我在输入字段上进入“编辑模式”(在启用VoiceOver的情况下双击)
  2. 我将屏幕阅读器的焦点重新定位到<input>
  3. 我双击h1

我希望在这一点上,屏幕阅读器的焦点将停留在h1上。而是将焦点移回到h1

可以通过在iOS上的Safari中打开此StackBlitz并遵循上述步骤来复制此内容。

注意:

  • <input>上的tabindex为0是为了便于过渡后将焦点放在页面顶部。
  • 这也发生在非h1元素上,这只是一个例子;似乎与tabindex的关系比什么都重要

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)