html中role是什么意思

role是ARIA 属性,ARIA就是可以让屏幕阅读器(一个给残障人士用的文章阅读器)准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读!

应用方法:(摘自张鑫旭-鑫空间-鑫生活

例子:淘宝网右上角选项卡

淘宝网右上角选项卡

查看其对应的HTML代码,就可以看到aria的应用。

aria

这可是标准的选项卡ARIA属性应用(该用的属性都有),OK,对于常用的选项卡,就套用淘宝网这里的结构吧,很标准。就是增加几个role属性,增加几个aria-属性就可以了,然后,这个选项卡就变成了无障碍阅读选项卡了。

ARIA中的地标角色:

1)role =banner(横幅)

2)role=navigation(导航)

3)role=main(主体)

4)role=complementary(补充性内容)

5)role=contentinfo(内容信息)

地标角色只是ARIA规范中的一种如果你干兴趣可以去张鑫旭-鑫空间-鑫生活阅读一下