HTML中的aria-hidden属性

我们常常看到这样的html，

<div id="modal" class="modal" aria-hidden="true">
   <div class="modal-header">...</div>
   <div class="modal-body">...</div>
   <div class="modal-footer">...</div>
</div>

尤其是在作为页面弹窗的元素(modal)上，通常会有一个属性aria-hidden="true"，那么它有什么作用呢？

网上的专业资料通常会这样写：
  现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免屏幕识读设备抓取非故意的和可能产生混淆的输出内容（尤其是当图标纯粹作为装饰用途时），我们为这些图标设置了 aria-hidden=“true” 属性。

我的博客里会这样写：
  让这个元素对浏览器隐藏。
  （这里的“隐藏”更多指的是语义化的隐藏，实现弹窗效果需配合display: none等样式使用）

后记：
aria-xxx还有很多有趣的用法，我也正在探索中，欢迎大家交流谈论。