# 无障碍访问模式插件

方便开发者在小程序开发者工具就可以调试无障碍访问的工具。目前支持大部分通用的`aria-`语法。

## 下载流程
打开微信开发者工具，在菜单栏选择"设置-通用设置-扩展-其他插件"，进入插件下载页面，添加`无障碍访问模式插件`。重启微信开发者工具后即可在模拟器中找到`无障碍访问模式插件`面板并进行后续功能调试。

![](https://res.wx.qq.com/t/fed_upload/ed715437-4499-4dc0-8ce9-06cd89fd754b/3.png)

---
## 使用流程
按上述方法引用后，页面右下角会出现这个工具

![走查热区](https://res.wx.qq.com/t/fed_upload/a7b0831e-e782-4de0-8176-bb881610372a/hotrarea.png)

![走查读屏](https://res.wx.qq.com/t/fed_upload/a7b0831e-e782-4de0-8176-bb881610372a/reading.png)

你可以通过找到红框的元素，dom节点会用`_wahNode`挂载它映射的元素

![wahNode](https://res.wx.qq.com/t/fed_upload/cc8c1a10-4acb-48c2-ac66-7b13895701b4/wxNode.png)

---
## Q&A
- 读屏内容出现 `<DIV>` 的是什么意思？表示是当前区域下有个`<DIV>`的读屏选区
  ![](https://res.wx.qq.com/t/fed_upload/ad141d3e-7e24-4aa1-9fc9-57736ab13dd2/div.png)

  如上图，就是`<DIV>`其实就是`图像`那个选框

- 为什么我的点击热区没有生效？
  - 目前的实现方式是拦截`dom`的`addEventListener`方法，所以如果你用的是把事件抛给上层处理，或者用了 `jQuery`的`delegate`等类似的实现逻辑，那暂时无法使用。
  - onclick, ontouchstart, onxxx 的方式暂不支持