为了账号安全,请及时绑定邮箱和手机立即绑定
关注
银他妈

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

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

2015-01-05 源自:玩转Bootstrap(基础) 8-4 174464 浏览 20 回答

最佳回答

2015-01-06

这个是用于屏幕阅读器的,帮助残障人士更好的访问网站。

银他妈 (提问者)

非常感谢!
#1 2015-01-06

图标的可访问性

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

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

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

 

2015-05-19
25

lu在脚下

这个回复好,够专业,本来对aria-不够清楚现在,总算是全通了,谢谢楼上
#1 2015-08-19

qq_陪你歇斯底里_0

什么鬼,不能用简便的话叙述吗
#2 2017-04-11

ylxykym

原话能说清楚不很好吗?
#3 2017-06-12
点击展开后面2条评论

残障人士如失明的人使用识读设备(自动读取内容并自动播放出来),播放到带此属性的内容时会自动跳过,以免残障人士混淆!

2017-07-31
8

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

2015-09-08
4

小水葱

有用的,某些行业的美国站点是要求DOT的,达不到无障碍阅读是不让上线的
#1 2016-10-22

慕尼黑123390

所以还是跟我们没有任何关系
#2 2019-08-29

醉了,are you sure

2015-04-15
0

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

2015-05-02
0

是啊,什么用吗,真不懂

2015-08-17
0

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



demo


2015-12-15
0

为了语义化

2015-12-15
0

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

2015-12-25
0
首页上一页12下一页尾页

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信