位置: 编程技术 - 正文

详解Bootstrap的aria-label和aria-labelledby应用(bootstrap boosting)

编辑:rootadmin

推荐整理分享详解Bootstrap的aria-label和aria-labelledby应用(bootstrap boosting),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:bootstrap adf,bootstrap boosting,bootstrap adf,bootstrap validator,bootstrap aria,bootstrap accordion,bootstrap aggregation,bootstrap adf,内容如对您有帮助,希望把文章链接给更多的朋友!

aria-label

正常情况下,form表单的input组件都有对应的label.当input组件获取到焦点时,屏幕阅读器会读出相应的label里的文本。如:

但是如果我们没有给输入框设置label时,当其获得焦点时,屏幕阅读器会读出aria-label属性的值,aria-label不会在视觉上呈现效果。如:

详解Bootstrap的aria-label和aria-labelledby应用(bootstrap boosting)

aria-labelledby属性

当想要的标签文本已在其他元素中存在时,可以使用aria-labelledby,并将其值为所有读取的元素的id。如下:当ul获取到焦点时,屏幕阅读器是会读:“选择您的职位”

PS:如果一个元素同时有aria-labelledby和aria-label,读屏软件会优先读出aria-labelledby的内容

以上内容是小编给大家介绍的Bootstrap的aria-label和aria-labelledby应用相关内容,希望本文分享能够给大家带来帮助,同时感谢大家一直以来对积木网网站的支持。

Javascript基于对象三大特性(封装性、继承性、多态性) Javascript基于对象的三大特征和C++,Java面向对象的三大特征一样,都是封装(encapsulation)、继承(inheritance)和多态(polymorphism)。只不过实现的方式不同,其基

javascript从定义到执行 你不知道的那些事 javascript从定义到执行,JS引擎在实现层做了很多初始化工作,因此在学习JS引擎工作机制之前,我们需要引入几个相关的概念:执行环境栈、全局对象、

JavaScript原型及原型链终极详解 JavaScript原型及原型链终极详解一.普通对象与函数对象JavaScript中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object,Function是JS自带

标签: bootstrap boosting

本文链接地址:https://www.jiuchutong.com/biancheng/384697.html 转载请保留说明!

上一篇:详解Bootstrap glyphicons字体图标(详解九章算法)

下一篇:Javascript基于对象三大特性(封装性、继承性、多态性)(javascript对象的常用方法)

  • 计提所得税分录计提的时候金额比实际缴纳多
  • 工资与社保的关系怎么写
  • 土地摊销全部计入成本吗
  • 销户本金转入保单怎么办
  • 税控盘技术维护费申报时候怎么填报
  • 广告公司开票能开劳务费吗
  • 展示费是业务宣传费吗
  • 银行手续费进项税怎么入账
  • 审核通过的红字发票信息表可以撤销吗
  • 开发成本公式
  • 银行存款支付现金股利属于什么科目
  • 退货的增值税专用发票
  • 委托贷款业务涉嫌诈骗吗
  • 施工企业结算金额怎么算
  • 互联网企业招商方案
  • 广告费支出限额
  • 免抵退转免税账务处理
  • 食堂购买的固定资产可以一次性加计扣除吗
  • 股票交易的印花税和手续费是多少
  • 公司退股清算对股东影响
  • 个人给公司付款怎么做分录
  • 外贸企业出口退税撤销申报
  • 食堂购买蔬菜计算公式
  • 用人单位逾期未缴纳社会保险费可能会使用的文书
  • 苹果系统最新版本
  • 增加间接费用科目的方法
  • 苹果mac画图工具
  • linux字体不清晰
  • win10蓝牙怎么开ldac
  • ppap是什么意思中文
  • wordpress采集教程
  • 出差补贴怎么记账
  • 淘宝api接口
  • 给大家分享几个网站
  • js 切面
  • laravel orm使用
  • 10分钟学会万用表
  • unity ik
  • dmsetup remove_all 会不会清掉数据
  • 交上年企业所得税多少
  • 累计预扣法计算并预扣预缴税款
  • 法人如何提取公积金余额
  • mongodb安装教程图解
  • 国地税合并后工资仍然不一致
  • 纳税减免申报
  • 增值税发票价税合计不能超过多少
  • 个税申报方式是什么意思
  • 税率为0的发票能用吗
  • 房地产开发企业建造的商品房,在出售前
  • 个人名字的发票可以报销吗
  • 已经费用化的研发支出还可以资本化吗
  • 金税三期个税申报
  • 未收到货款发票是什么意思
  • 个税手续费返还政策文件
  • 一般纳税人租赁不动产增值税税率
  • 直接减免增值税计入其他收益
  • 加油预付卡发票新规定文件
  • 固定资产处置有净值怎么处理
  • 没有对公业务的银行
  • 借款利息怎么记账
  • sql server连接方式
  • sqlserver数据类型怎么用
  • 用Win7系统的Syskey命令来设置系统的启动密码
  • 查看linux系统版本信息
  • centos7修改网络
  • centos7怎么变成图形化界面
  • win8.1技巧
  • linux哪里好
  • ercp后淀粉酶为什么升高
  • shell 输出
  • css filter blur
  • 怎样用div css制作网页
  • 完美解决雷电模拟器卡顿
  • windows node.js
  • android采用什么软件架构?
  • android录音软件
  • textview不换行
  • 安卓开发常用代码
  • 天猫主体变更是什么意思
  • 资源税谁缴纳
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设