tabindex,role属性
组件经常有这样的属性,tabindex,role是个啥嘛?
tabIndex属性:
元素的tab键控制次序,会将tabIndex在1-32767之间的控件加入到tab键序列中,点击tab键,会根据值的大小依次选中元素。
tabindex为0时,将排列在tabindex控件之后选中(先把大于0的选完在选0的)。若有多个为0的值,则根据在代码中元素的排序依次选中。
若大于0的tabIndex值有重复的,选中顺序跟为0的规则同。
tabindex为负数时不会选中。
role属性:
role可以描述一个非标准tag的实际作用。如div用作button,设置div的role=‘button’,辅助设备就会辨认出这是个button;
role本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明。通常这种情况出现在一些自定义的组件上(例如一个tree组件,html里目前还没有tree这个标签),这样可增强组件的可访问性、可用性和可交互性。
aria-*属性:
ARIA是W3C的一个规范。其全称是’Accessible Rich Internet Applications’,是WAI-ARIA的一部分(它是W3C的Web无障碍推进组织(Web Accessibility Initiative / WAI)在2014年3月20日发布的可访问富互联网应用实现指南)。
WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。
标签内使用aria-*属性,描述了元素的属性和状态。aria-*一般跟role配合使用,role描述了元素的实际意义;如:下面例子div的角色是个button,状态为选中状态;
<div role='button' aria-checked="true"></div>
tabindex,role属性相关推荐
- 无障碍开发(二)之ARIA role属性
role属性 role属性值 含义 HTML示意 说明 alert 表示警告 <p id="ajax_error_alert" role="alert"& ...
- html 里面的 role 属性是什么意思
role="button" role是什么意思? html 里面的 role 属性是什么意义和用途 使用role属性告诉辅助设备(如屏幕阅读器)这个元素所扮演的角色,属于WAI-A ...
- HTML中的role属性
一.什么是role属性 role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程序),这个元素所扮演的角色,主要是供残疾人使用.使用role可以增强文本的 ...
- HTML role属性
HTML中的role属性 原创 2016年12月04日 17:16:01 16563 一.什么是role属性 role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访 ...
- role属性:html中role的作用
这个role属性之前也没有注意过,下面为转载了解内容 role 是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明. 通常这种情况出现在一些自定义的组件上,这样可增强 ...
- Bootstrap学习遇到的role属性--- 无障碍网页应用属性
以前接触过Bootstrap,但也只是仅仅接触,现在重新学习下,今天看到一个例子中的属性有一个role, 查阅资料发现这个是--WAI-ARIA无障碍设计属性: 通俗说是该设计为了一些盲人,失聪,残疾 ...
- bootstrap role属性
1.用于表示一个普通的标签,使之语义化,方便浏览器对其具体功能进行识别.比如:<div role="button"></div>,也即是将div元素转换为b ...
- html标签role属性,data-role属性
以下是一段代码: 默认地址: 加上css样式过后本应该是如下效果: 可是实际的效果确实这样的: 这是怎么回事呢,html中根本没有写,为什么会出现"保存信息"这四个字呢?后来才知道 ...
- TabIndex 属性:Tabindex=-1 与Tabindex=0、任意数字
还是在项目迁移中,TabIndex这个属性感觉很生疏,就网上学习了一下 下面内容为转载: 当使用键盘时,tabindex是个关键因素,它用来定位html元素. tabindex有三个值:0 ,-1, ...
最新文章
- 使用livereload实现自动刷新
- [Linux] set dev label(设置分区卷标)
- Arduino+Max30100心率血氧浓度传感器测试
- heritrix 相关
- 一个小菜鸟给未来的菜鸟们的一丢丢建议
- 服务器无法通过系统非页面共享区进行分配,服务器无法通过系统非页面共享区来进行分配的解决方法...
- Java反射自定义注解底层设计原理
- python 文档字符串_新款Python文档字符串生成器来了
- Mask R-CNN
- 默纳克系统服务器怎么看抱闸,默纳克抱闸制动力检测怎么关闭
- 使用PHPExcel实现Excel文件的导入和导出(模板导出)
- JS箭头函数的优势在哪里
- python3简单爬取妹纸图网站图片
- [渝粤教育] 中国地质大学 大学语文 复习题 (2)
- 桌面上计算机图标老是自动删除,win7系统总是自动删除桌面快捷方式怎么办
- 【Python-Keras】keras.layers.BatchNormalization解析与使用
- 【Airpods Pro】无法通过蓝牙连接电脑
- 全国大学生软件测试大赛指南
- 支付宝小程序使用扩展组件安装
- 数值计算方法python实现
热门文章
- VSCode全配置(c++、unity、html...等配置和好用设置,持续更新)
- 遗传算法GA算法思路及其C++实现
- 贝叶斯估计(python 版)
- HTML5视频标签 video 的 poster 属性
- 啥是认知智能? 认知智能和人工智能到底有啥区别? 你知道吗? 道翰天琼认知智能。
- zabbix的mysql模板_使用Zabbix自带MySQL模板监控MySQL
- [EOS源码分析]7.EOS智能合约开发实践之合约调用合约(inline action)
- Linux实训项目二 用户和组的管理
- C | 进程间通信的方式
- 后台管理系统项目-登录页-实现步骤