@ 腾讯技术支持,我们项目组在开发微信小程序时,遇到一些关于设置“无障碍访问”的问题- picker组件屏幕朗读和屏幕焦点聚焦问题。下面我们列出的问题,在微信小程序平台上无法实现,你们可以帮忙看看和跟进吗? 谢谢。
说明: 下面问题中“屏幕阅读器”,特指 Android中的Tackback 和 IOS中的Voiceover(旁白)
问题描述:
我们在使用picker组件设置“无障碍访问”时遇到的问题:
屏幕阅读器朗读问题(仅Android平台):
使用picker组件切换内容后,屏幕显示为切换后的内容,但是屏幕阅读器朗读的内容依然是切换之前的内容
屏幕阅读器焦点问题(Android和IOS):
点击picker-view弹出picker组件时,屏幕焦点依然停留在picker触发点上
预期的效果应该是焦点自动聚焦至picker弹出框中的内容,例如,“取消”按钮
其他“无障碍访问”问题:
使用navigateTo方法跳转页面时,焦点会停留在原页面上(仅Android平台):
使用 wx.navigateTo 方法跳转页面,屏幕阅读器的焦点会停留在原页面上
预期的效果应该时,页面跳转时,原页面元素失去屏幕阅读器焦点,或者焦点自动聚焦到新页面的元素上
使用redirectTo方法跳转页面时,新页面无法自动获得焦点(Android和IOS)
使用 wx.redirectTo 方法跳转页面,新页面无法自动获得焦点
预期的效果应该时,页面跳转时,焦点自动聚焦到新页面的第一个tabindex元素上
设备:
Android设备:HUAWEI honor9 安卓版本:9.0 Talkback版本:7.2.0
IOS设备:iPhone8 plus IOS版本:IOS12.3.2
你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)