html 里面的 role 属性是什么意思和用途

html-css013

html 里面的 role 属性是什么意思和用途,第1张

所谓的role 就是角色, 在既有的HTML 网页当中, 额外描述这段HTML 的功能. 例如:

如果一个网页中有两个同样的role, 就要进一步用不同的(aria-)label 来区隔.

除了role 之外, 另外一个特色是多了 state (状态) 和property (属性). 重要的有下面这些:

state 的好处是, 让使用者可以知道这个控制项的状态, 例如aria-checked 的状态有true, false, mixed 三种, 我们就知道checkbox 点了没有? 至于propoerty 可以描述一个栏位允许的最大值,最小值. 这的确也是很重要. State 和property 的细节, 以及略过不提的其他特点等等, 可多参考中文的[5], 这里就先略过了.

最后来看一眼和我们工作有关的部分. 增加了WAI-ARA 的支援之后, 它需要强大的底层支援, 如果要把文字叙述念出来给视障的人听, 系统就要具备文字转语音(TTS – Text to Speech) 的能力. 这些基础建设相当于下图(来自[2]) 最右边的方块, 这个Assistive Technology 就是系统要提供的了.

html在前端实现角色权限控制操作:

1、框架提供了按钮权限的扩展服务,我们可以通过简单的扩展来注册我们自己的权限项,我们通过继承AbstractMenuPriv来实现我们的按钮权限类;

2、通过注册扩展服务项的方式将我们写好的权限注册进入按钮权限管理服务;

3、对应的zhtml中增加如下的代码,将按钮增加权限;

4、增加后台UI类访问权限,防止前台绕过按钮直接向后台发送请求;

5、通过后台管理界面,给用户授予自己注册的权限项。

通常在项目开发当中都会有这样的需求,客户要求某些后台操作页面的按钮只能有部分后台管理人员能够进行使用,并且这些按钮权限需要能够进行灵活的配置。这个时候我们就需要使用到框架里面按钮权限管理的功能。