bootstrap中form表单属性role="form"的作用
来源:互联网 发布:淘宝 购物助手 编辑:程序博客网 时间:2024/06/06 01:01
html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性、可用性和可交互性。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button
role是无障碍阅读,是给有阅读障碍的人设置的属性,有阅读障碍的人可以用读屏软件来解析,跟正常人没多大关系。可以不设置,不设置的话读屏软件就无法解析,有阅读障碍的人也就"看"不了了。
既然是个良好的编程习惯,那么是不是所有标签都写role比较好呢?
比如
属性role的存在,是为了告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这是一个按钮。在html5元素内,标签本身就是有语义的,因此role是不必添加的,至少是不推荐的,但是bootstrap的案例内很多都是有类似的属性和声明的,目的是为了兼容老版本的浏览器(用户代理),如果你的代码使用了html5标签,并且不准备支持老版本的浏览器,不妨不使用role标签。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button
比如,
<div role="checkbox" aria-checked="checked"></div>辅助工具就会知道,这个div实际上是个checkbox的角色,为选中状态。
role是无障碍阅读,是给有阅读障碍的人设置的属性,有阅读障碍的人可以用读屏软件来解析,跟正常人没多大关系。可以不设置,不设置的话读屏软件就无法解析,有阅读障碍的人也就"看"不了了。
既然是个良好的编程习惯,那么是不是所有标签都写role比较好呢?
比如
<div role = "div"></div>正常的文本本来就可以读,但是表单中有时候输入密码框前面并没有密码的提示,提示在框内用Placeholder写的,正常人知道这里输入密码,可是读不出来,这时候这个东西就起作用了。
属性role的存在,是为了告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这是一个按钮。在html5元素内,标签本身就是有语义的,因此role是不必添加的,至少是不推荐的,但是bootstrap的案例内很多都是有类似的属性和声明的,目的是为了兼容老版本的浏览器(用户代理),如果你的代码使用了html5标签,并且不准备支持老版本的浏览器,不妨不使用role标签。
阅读全文
0 0
- bootstrap中form表单属性role="form"的作用
- bootstrap中的 form表单属性role="form"有什么作用?
- bootstrap中,role="form"及role作用角色
- HTML5中form表单中的role属性
- form表单中onsubmit属性的作用
- 表单form 中Enctype=multipart/form-data 的作用
- form表单的属性
- form表单中属性的有效性验证
- HTML中Form表单的method属性
- php中form表单的enctype属性
- html中form表单的enctype属性
- form表单标签的enctype属性的作用
- form 标签中属性enctype="multipart/form-data"的作用
- Bootstrap中水平排列的表单form-inline
- form表单target的属性
- Form表单的enctype属性
- form表单的target属性
- form表单的ectype属性
- Linux Shell经典面试题(其三)
- 字符串和编码
- 字符串方法
- IntelliJ IDEA Spring Boot(8)使用JSP,打包jar文件运行带有jsp的项目
- springMVC文件上传和下载
- bootstrap中form表单属性role="form"的作用
- codeforces 884B Japanese Crosswords Strike Back
- 列表和元祖
- ccf-csp 认证 c++ 在vs编译通过在oj编译不通过
- dict&set
- JavaWeb报错:java.sql.SQLException: Invalid value for getInt()
- C++程序设计案例实训教程第5章
- SpringMVC学习之基于注解的控制器
- codeforces 884C Bertown Subway