miniapp icon indicating copy to clipboard operation
miniapp copied to clipboard

Accessibility tree

Open xfq opened this issue 3 years ago • 3 comments

From #162:

Is it possible to expose an accessibility tree for accessibility APIs to provide a representation that can be understood by assistive technologies (such as screen readers)? Can developers use JavaScript to modify the accessibility tree in a MiniApp?

xfq avatar May 21 '21 14:05 xfq

It seems that at least some MiniApp implementations support adding attributes that can be used to provide additional semantics and improve accessibility:

  • https://developers.weixin.qq.com/miniprogram/dev/component/aria-component.html
  • https://q.qq.com/wiki/develop/miniprogram/component/accessibility.html
  • https://opendocs.alipay.com/mini/component/accessibility
  • https://doc.quickapp.cn/widgets/common-attributes.html#%E5%B8%B8%E8%A7%84%E5%B1%9E%E6%80%A7

xfq avatar May 21 '21 14:05 xfq

Related discussions: https://www.w3.org/2021/05/20-MiniApp-minutes.html#t03

xfq avatar May 21 '21 14:05 xfq

We can for sure define a common set of a11y attributes for UI components based on the reference implementations as listed above. For this we need to start the UI component spec first (In CG?).

zhangyongjing avatar Jun 01 '21 09:06 zhangyongjing