慕工程7806118
2015-01-05 16:00
aria-hidden="true"是什么意思 aria代表什么?
这个是用于屏幕阅读器的,帮助残障人士更好的访问网站。
22222
22222
1111111
开始还真不知道
echo '666'
残障人士如失明的人使用识读设备(自动读取内容并自动播放出来),播放到带此属性的内容时会自动跳过,以免残障人士混淆!
111
很棒!
一般的网页只是针对正常人类的,如果不考虑名片阅读器的话,role和aria-hidden标签是不是可以全部删除???求大神解答,谢谢!
aria-hidden=“true”
https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/ARIA 自己看一下
为了语义化
demo
关注残障人士,这是我们应该做到的,做网页,也应该具有这种思想。
没什么用,建议以后类似role和aria-hidden的东西完全不要理会。这样能降低学习难度,和排除学习干扰。
是啊,什么用吗,真不懂
图标的可访问性
现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免 屏幕识读设备抓取非故意的和可能产生混淆的输出内容(尤其是当图标纯粹作为装饰用途时),我们为这些图标设置了 aria-hidden="true" 属性。
如果你使用图标是为了表达某些含义(不仅仅是为了装饰用),请确保你所要表达的意思能够通过被辅助设备识别,例如,包含额外的内容并通过 .sr-only 类让其在视觉上表现出隐藏的效果。
如果你所创建的组件不包含任何文本内容(例如, <button> 内只包含了一个图标),你应当提供其他的内容来表示这个控件的意图,这样就能让使用辅助设备的用户知道其作用了。这种情况下,你可以为控件添加 aria-label 属相。
这类标签应该不是必须添加的吧,看到bootstrap里用的比较多
醉了,are you sure
玩转Bootstrap(基础)
314546 学习 · 2275 问题
相似问题