aria-hidden=true是什么意思 aria代表什么

现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免屏幕识读设备抓取非故意的和可能产生混淆的输出内容（尤其是当图标纯粹作为装饰用途时），我们为这些图标设置了 aria-hidden="true" 属性。

如果你使用图标是为了表达某些含义（不仅仅是为了装饰用），请确保你所要表达的意思能够通过被辅助设备识别，例如，包含额外的内容并通过 .sr-only 类让其在视觉上表现出隐藏的效果。

如果你所创建的组件不包含任何文本内容（例如， <button> 内只包含了一个图标），你应当提供其他的内容来表示这个控件的意图，这样就能让使用辅助设备的用户知道其作用了。这种情况下，你可以为控件添加 aria-label 属相。

aria-hidden=true是什么意思 aria代表什么相关推荐

第六天黑马十次方用户注册、用户登陆掌握js-cookie、微信扫码登陆、nuxt嵌套路由
学习目标: ** 完成用户注册功能完成用户登陆功能,掌握js-cookie的使用完成微信扫码登陆的功能完成用户中心嵌套布局,掌握nuxt嵌套路由的使用 ** 1 用户注册 1.1 页面构建创建 ...
第七天黑马十次方吐槽列表与详细页、发吐槽与评论功能、问答频道功能、掌握DataURL和阿里云OSS
第7章网站前台-吐槽与问答学习目标: ** 完成吐槽列表与详细页完成发吐槽与评论功能,掌握富文本编辑器的使用完成问答频道功能掌握DataURL和阿里云OSS** 1 吐槽列表与详细页 1.1 ...
第五天黑马十次方 NUXT框架、前台的搭建、前台活动模块的功能、前台招聘模块的功能
第5章网站前台-活动与招聘学习目标: 掌握NUXT框架的基本使用方法完成十次方网站前台的搭建完成十次方网站前台活动模块的功能完成十次方网站前台招聘模块的功能 1 服务端渲染技术NUXT 1. ...
十次方专属社交平台前端系统开发网站前台-活动与招聘
学习目标: 掌握NUXT框架的基本使用方法完成十次方网站前台的搭建完成十次方网站前台活动模块的功能完成十次方网站前台招聘模块的功能 1服务端渲染技术NUXT 1.1什么是服务端渲染服务端渲染又 ...
bootstrap中的glyphicon问题
在bootstrap中有自有包含一种字体图标glyphicon,基本能够满足大部分的UI要求.这里简单总结一下其使用方法. 官网给出的使用要求如下: 1. 图标类不能和其它组件直接联合使用.它们不能在 ...
十次方前端系统开发（6）
完成用户注册功能完成用户登陆功能,掌握js-cookie的使用完成微信扫码登陆的功能完成用户中心嵌套布局,掌握nuxt嵌套路由的使用 1 用户注册 1.1 页面构建创建pages/login. ...
「造轮子」一个文件上传靶场知识总结记录
https://www.sqlsec.com/2020/10/upload.html#toc-heading-1 或者 https://xz.aliyun.com/t/8435 直接使用别人的靶场总感 ...
无障碍开发（六）之ARIA在HTML中的使用规则
ARIA使用规则一如果你使用的元素( HTML5 )具有语义化,应该使用这些元素,而不应该重新定义一个添加ARIA的角色.状态或属性的元素. 浏览器的语义化标签已经默认隐含ARIA语义,像nav,a ...
[译] 揭开 ARIA 的神秘面纱
编者按:本文作者:安佳,360 搜索事业部的前端开发工程师,W3C CSS 工作组成员. 原文:https://www.a11ywithlindsey.com/blog/beginning-demys ...

aria-hidden=true是什么意思 aria代表什么

aria-hidden=true是什么意思 aria代表什么相关推荐

最新文章

热门文章