html52.com
我爱小程序-开发者交流社区

微信小程序设置“无障碍访问”时, picker组件屏幕朗读和屏幕焦点聚焦问题?

@ 腾讯技术支持,我们项目组在开发微信小程序时,遇到一些关于设置“无障碍访问”的问题- picker组件屏幕朗读和屏幕焦点聚焦问题。下面我们列出的问题,在微信小程序平台上无法实现,你们可以帮忙看看和跟进吗? 谢谢。

说明:    下面问题中“屏幕阅读器”,特指 Android中的Tackback 和 IOS中的Voiceover(旁白)

问题描述:

  1. 我们在使用picker组件设置“无障碍访问”时遇到的问题:

    1. 屏幕阅读器朗读问题(仅Android平台):

      1. 使用picker组件切换内容后,屏幕显示为切换后的内容,但是屏幕阅读器朗读的内容依然是切换之前的内容

    2. 屏幕阅读器焦点问题(Android和IOS):

      1. 点击picker-view弹出picker组件时,屏幕焦点依然停留在picker触发点上

      2. 预期的效果应该是焦点自动聚焦至picker弹出框中的内容,例如,“取消”按钮

  2. 其他“无障碍访问”问题:

    1. 使用navigateTo方法跳转页面时,焦点会停留在原页面上(仅Android平台):

      1. 使用 wx.navigateTo 方法跳转页面,屏幕阅读器的焦点会停留在原页面上

      2. 预期的效果应该时,页面跳转时,原页面元素失去屏幕阅读器焦点,或者焦点自动聚焦到新页面的元素上

    2. 使用redirectTo方法跳转页面时,新页面无法自动获得焦点(Android和IOS)

      1. 使用 wx.redirectTo 方法跳转页面,新页面无法自动获得焦点

      2. 预期的效果应该时,页面跳转时,焦点自动聚焦到新页面的第一个tabindex元素上

  3. 设备:

    1. Android设备:HUAWEI honor9   安卓版本:9.0  Talkback版本:7.2.0

    2. IOS设备:iPhone8 plus  IOS版本:IOS12.3.2

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付