无障碍开发之——弹出层的背景内容不可点击
拿张图举个例子,有弹出层的时候,采用读屏软件时希望只读得到弹出层的内容,对背景的内容是不可读取的,这种情景下可采用aria-hidden="true" 来实现。
具体实现方案是:
1. 将背景的大div加上一个class 假如说是class="page"
2. 然后在点击弹窗的事件中加上该属性
```
let page = document.getElementByClassName('page')[0];
page.setAttribute('aria-hidden','true');
..
原创
2020-07-29 15:04:30 ·
699 阅读 ·
0 评论