位置: 编程技术 - 正文

详解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对象的常用方法)

  • 应纳税所得额为负数是什么意思
  • 建筑垃圾清运费税率是多少
  • 发票税率开错了3%开成5%怎么办
  • 库存盘盈如何入账
  • 银行变更印鉴多久生效
  • 私车公用产生的过路费怎么开发票
  • 加工成本属于什么会计科目
  • 小规模纳税人专票开1%还是3%
  • 企业所得税研发费用100%扣除的有哪些企业
  • 金税四期再出新公告
  • 地价计入房产原值乘70%
  • 六月涉税提醒通知
  • 所得税季报营业收入本年累计
  • 非居民企业指定扣缴合同备案
  • 预交增值税扣税绑不了三方
  • 增值税发票系统升级版
  • 发票红冲作废是什么意思
  • 主营业务收入少记跨年怎么办
  • 航天金税电子发票
  • 购买方开具红字信息表
  • 收到退回去年增值税怎么做账
  • 应交所得税的计算公式excel
  • 公司借法人的钱超过一年
  • 按揭贷款到账时间
  • 企业税收有哪些部分组成
  • 汽车维修收费标准及费用计算方法
  • 基于网页的客服系统
  • 林木业折旧年限
  • 开发票为什么要对公账户?
  • 冰川国家公园在哪
  • php的session
  • 税务文书送达回证企业要盖章吗
  • gmt微调
  • opencv教程
  • 直接关联和间接关联
  • 免税收入包括
  • 自动结转制造费用生成不了凭证怎么办
  • 企业所得税的征税对象包括( )
  • 限定性净资产是指什么
  • 公司租个人房屋交什么税
  • 加计抵减可以结转吗
  • 房租押金不退还的账务怎么处理
  • SQL Sever 2005 Express 安装失败解决办法
  • mysql如何开启
  • sqlserver如何使用
  • 最新版税控盘怎么设置打印机
  • 什么叫日常业务
  • 小规模纳税人零税率怎么申报
  • 一般纳税人无票收入怎么做账分录呢
  • 民办非盈利组织注销了在哪登报
  • 工商年报资产状况公示还是不公示
  • 会计核算职能有全面性吗
  • 期初应收账款对应什么科目试算平衡
  • 长期股权投资的账务处理
  • 记账凭证应该是
  • 季报能弥补以前年度亏损吗
  • 企业应该设置的账薄
  • 查看sqlserver操作记录
  • mysql优化表命令
  • win7旗舰版系统怎么样
  • win8怎么运行
  • win10系统开机密码设置方法
  • mac vlc
  • 华硕电脑升级win11
  • 基于bootstrap的毕业设计
  • css设置表格隔行换色
  • android遇到的难题,怎么解决的
  • python难度
  • jquery 回车
  • python中的条件判断和循环语句
  • android强制关机
  • 安卓小项目实战软件
  • javascript异常
  • SpringMVC restful 注解之@RequestBody进行json与object转换
  • 设置家的地址
  • flask pycharm
  • 什么是双创服务平台
  • 金华市税务
  • 建筑安装工程承包条例还有效吗
  • 深圳为何
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设