为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

20 回答

aria-hidden=“true”

0 回复 有任何疑惑可以回复我~

https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/ARIA 自己看一下

0 回复 有任何疑惑可以回复我~

为了语义化

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com/566f8c440001c74406830340.jpg



demo


0 回复 有任何疑惑可以回复我~

没什么用,建议以后类似role和aria-hidden的东西完全不要理会。这样能降低学习难度,和排除学习干扰。

4 回复 有任何疑惑可以回复我~
#1

小水葱

有用的,某些行业的美国站点是要求DOT的,达不到无障碍阅读是不让上线的
2016-10-22 回复 有任何疑惑可以回复我~
#2

慕尼黑123390 回复 小水葱

所以还是跟我们没有任何关系
2019-08-29 回复 有任何疑惑可以回复我~

是啊,什么用吗,真不懂

0 回复 有任何疑惑可以回复我~

图标的可访问性

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

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

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

 

25 回复 有任何疑惑可以回复我~
#1

lu在脚下

这个回复好,够专业,本来对aria-不够清楚现在,总算是全通了,谢谢楼上
2015-08-19 回复 有任何疑惑可以回复我~
#2

qq_陪你歇斯底里_0

什么鬼,不能用简便的话叙述吗
2017-04-11 回复 有任何疑惑可以回复我~
#3

ylxykym

原话能说清楚不很好吗?
2017-06-12 回复 有任何疑惑可以回复我~
#4

GeekChen 回复 hougongfei

hhh
2018-03-29 回复 有任何疑惑可以回复我~
查看2条回复

这类标签应该不是必须添加的吧,看到bootstrap里用的比较多

0 回复 有任何疑惑可以回复我~

醉了,are you sure

0 回复 有任何疑惑可以回复我~
首页上一页12下一页尾页

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信