html中role=”navigation”的含义

首先解释role属性

role增强文本的可读性和语义性,告知元素所扮演的角色,主要为残障人士提供服务和便利,比如屏幕朗读。

什么时候使用role

在html5中,标签本身是有语义的,role不必添加,但为了兼容老版本的浏览器,可以使用role为标签定义(如果你使用了html5标签,并且不准备支持老版本浏览器,大可不必使用role)

并非每个标签都需要增加role属性,role主要受众于障碍人士,比如表单输入密码时,普通人可以根据placaholder提示输入密码,但对残障人士来说是无效的,这个时候就可以使用role

再说回role=”navigation”

<div role="navigation"></div>

其含义就是告诉浏览器,该div容器并非普通容器,而是导航容器,从而在面对一些残障人士的时候可以做出正确反应

,