首页 » 前端说 » 正文

html5之role作用

role是一个HTML5的属性

本质上是增强语义性,增强组件的可访问性、可用性和可交

role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这个元素所扮演的角色,主要是供残疾人使用。使用role可以增强文本的可读性和语义化。
在html5元素内,标签本身就是有语义的,因此role是不必添加的,至少是不推荐的,但是bootstrap的案例内很多都是有类似的属性和声明的,目的是为了兼容老版本的浏览器(用户代理),如果你的代码使用了html5标签,并且不准备支持老版本的浏览器,不妨不使用role标签。

举例:

<form role="form">

role=”form”告诉辅助设备(如屏幕阅读器)这个元素所扮演的角色是个表单,在button中role=”button”就是告诉设备,这是个按钮,可以点击。