- Objective:
- Breadcrumb:
# 概念阐释
## WAI-ARIA Roles
- 是语义化标签的另一种写法或者补充写法
- 语义化标签，比如 `header` `input` `button`，非语义化标签 `div` `span`, 可以通过WAI-ARIA 来赋予意义
- 写法：`role="..."`
## aria-hidden
- 对screen reader隐藏的信息，但视觉上并不隐藏任何
- 不能用在像button，link这样需要交互的标签里，会不能交互
- 写法：`<div aria-hidden>`
# 实例
## header的两种写法，同样的效果
- 当我们使用header时，是不使用role的，两者不能一起使用
```html
<div role="banner"> this is banner </div>
```
```html
<div aria-hidden> ...</div>
```
- 具有交互性的标签不行，例如a，button
# 相关内容
# 参考资料
*除语义化标签之外的其它意义可以参考这里*
[WAI-ARIA Roles MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles)