html中role的作用

时间:2023-03-09 21:23:57
html中role的作用

role 是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。

通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性

role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button

<li role="presentation" class="active"><a href="#">Home</a></li>

<div role="button"></div>