<pre class="best-text mb-10"><span style="font-family: 宋体; font-size: 15px">使用role属性告诉辅助设备(如屏幕阅读器)这个元素所扮演的角色,属于<a class="baidu-highlight" href="https://www.baidu.com/s?wd=WAI-ARIA&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLm1w-n10kujbzPvRzPWc40ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHTdPH0znWf3rHfvrjTkPHD3r0" rel="nofollow" target="_blank">WAI-ARIA. 例如点击的按钮,就是role="button";会让这个元素可点击;<span style="font-family: 宋体; font-size: 15px">本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上(例如一个tree组件,html里目前还没有tree这个标签),这样可增强组件的可访问性、可用性和可交互性。