元素中的 aria-label用来命名一个元素

它的值可以是任何字符
读屏软件就会读出aria-label里的内容
<div role=”form” aria-labelledby=”form-title”>
<span id=” form-title”>使用手机号码注册</span>
<form>……</form>
</div>
如果一个元素同时有aria-labelledby和aria-label,读屏软件会优先读出aria-labelledby的内容。
role的作用是描述一个非标准的tag的实际作用。比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这实际上是个button。

转载于:https://www.cnblogs.com/chuangweili/p/5166247.html

aria-label相关推荐

  1. 屏幕阅读器安全吗_如何为屏幕阅读器设计网站布局

    屏幕阅读器安全吗 It's easy to think about a layout as being a primarily visual concern. The header goes up t ...

  2. 第七天 黑马十次方 吐槽列表与详细页、发吐槽与评论功能、问答频道功能、掌握DataURL和阿里云OSS

    第7章 网站前台-吐槽与问答 学习目标: ** 完成吐槽列表与详细页 完成发吐槽与评论功能,掌握富文本编辑器的使用 完成问答频道功能 掌握DataURL和阿里云OSS** 1 吐槽列表与详细页 1.1 ...

  3. 2015年年终总结----磕磕绊绊的一年

    每年都有写年终总结的习惯,眼看着元旦已经过了好几十天了,步入2016年.是应该对2015年做一个总结了.最近一段时间有空的时候也在整理这一年经历的事情,也在思考自己在其中的得与失. 也许一个人确实容易 ...

  4. 无障碍开发(六)之ARIA在HTML中的使用规则

    ARIA使用规则一 如果你使用的元素( HTML5 )具有语义化,应该使用这些元素,而不应该重新定义一个添加ARIA的角色.状态或属性的元素. 浏览器的语义化标签已经默认隐含ARIA语义,像nav,a ...

  5. 在 HTML 中使用 ARIA 的规则

    什么是 ARIA? Accessible Rich Internet Applications(WAI-ARIA,简称 ARIA)是能够让残障人士更加便利的访问 Web 内容和使用 Web 应用(特别 ...

  6. tabIndex 和 aria注意点

    转载自http://www.cnblogs.com/yilian/archive/2011/05/23/aria.html (1)tabIndex: 当使用键盘时,tabindex是个关键因素,它用来 ...

  7. java aria,ARIA 标签和关系

    ARIA 标签和关系 标签 ARIA 提供了多种向元素添加标签和说明的机制.事实上,ARIA 是唯一一种可以添加可访问帮助或说明文本的方式. 我们来看一下 ARIA 用于创建可访问标签的属性. ari ...

  8. aria- 标签 html,HTML5教程 如何使用ARIA

    本篇教程探讨了HTML5教程 如何使用ARIA,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < ARIA是Accessible Rich Internet A ...

  9. python中label组件参数_Python tkinter(六) 标签(Label)组件的属性说明及示例

    使用语法 widget = Radiobutton( master, parameter=value, ... ) master:文本框控件的父容器 parameter:文本框的参数 value:参数 ...

  10. HTML label的隐藏,html – 带有可见的隐藏元素:after – CSS

    我猜这是因为大卫托马斯认为伪元素是不可见的,因为它是'父元素'.它在其他浏览器中工作的原因可以通过不同的实现来解释,其中伪元素可能不被认为是元素的子元素? 另一种方法 无论如何,我有一些像这样的复选框 ...

最新文章

  1. Failed to resolve:com.gtihub (android引入库的时候提示这样的错误)
  2. java B2B2C 源码 多级分销Springcloud多租户电子商城系统- 整合企业架构的技术点(二)...
  3. 游戏引擎和编程语言的关系
  4. js数组的定义方法与基本使用
  5. v-charts显示标题
  6. 发布-订阅消息常用通信方式
  7. Android Studio实现前后台分离的选课系统
  8. 远程桌面登陆不上的解决思路
  9. 通过定位position=fixed实现网页内容的固定层效果
  10. [导入]CLR探索系列:Server and Workstation Garbage Collection探索(垃圾回收系列)
  11. python酒店评论分析_酒店评论的情感分析
  12. 2022-03-07 Influxdb创建用户接口与raft日志交互封装
  13. Signal信号处理
  14. Mac电脑-mysql密码忘了怎么处理
  15. 虚拟服务器 dmz区别,dmz主机和虚拟服务器区别(tp路由器虚拟服务器能干嘛)...
  16. python汉字转拼音代码,一个将汉字转换成汉语拼音的python库的代码
  17. 再谈Android客户端进程保活
  18. 10个不常见但十分有用的网站,建议每个人都收藏
  19. 饮食-肠道微生物群对心血管疾病的相互作用
  20. ​案例 - 数据分析师市场需求 - 202301

热门文章

  1. 博文视点大讲堂第30期——职场新人胜出关键点
  2. 我的天!我靠这个拥有了自己第一架无人机!
  3. 光影变幻:自动化所基于最优传输理论的影视换脸技术
  4. 南邮linux期末考试试题,南邮操作系统试卷及答案.doc
  5. 【TensorFlow】TensorFlow函数精讲之tf.nn.softmax_cross_entropy_with_logits
  6. PyTorch扩展自定义PyThon/C++(CUDA)算子的若干方法总结
  7. 李沐《动手学深度学习》中文版PDF和视频免费领!!!
  8. 基于PCL实现欧式聚类提取
  9. 如果服务器开机显示NObootable,电脑开机出现“No bootable device”的解决办法
  10. hive连接mysql报错_hive远程模式初始化mysql报错