这些属性是什么:“咏叹调标签”和“咏叹调隐藏”
使用Bootstrap模式,我已经看到这些aria
属性很多,但我从来不知道如何使用它们。
有谁知道什么情况下使用这些属性? 我GOOGLE了 – 只是没有find任何直接的答案。
HTML5 ARIA属性就是你要找的。 即使没有引导,它也可以用在你的代码中。
可访问的富Internet应用程序(ARIA)定义了使Web内容和Web应用程序(特别是使用Ajax和JavaScript开发的应用程序)更易于残疾人访问的方法。
准确地说,你的问题,这是你的属性被称为ARIA属性状态和模型
aria-labelledby
:标识标签当前元素的元素。
aria-hidden (state)
:表示元素及其所有后代对作者实现的任何用户不可见或不可察觉。
这些属性的主要消费者是盲人用户代理,如屏幕阅读器。 所以在Bootstrap模式的情况下,模式的div
有role="dialog"
。 当屏幕阅读器注意到一个div
变成可见的时候,它会说这个div
的标签。
有很多方法可以标注事物(以及ARIA中的一些新标记),但是在某些情况下,使用现有元素作为标签(语义)而不使用<label>
HTML标记是合适的。 对于HTML模式,标签通常是一个<h>
标题。 因此,在Bootstrap模式的情况下,您添加了aria-labelledby=[IDofModalHeader]
,屏幕阅读器将在模态出现时说出这个标题。
一般来说,每当DOM元素变得可见或不可见时,屏幕阅读器就会注意到,所以aria-hidden
属性经常是多余的,并且在大多数情况下可能被跳过。
aria-hidden="true"
会从屏幕阅读器中隐藏像字形图标这样的装饰物品,这些装置没有有意义的发音,以免引起混淆。 作为良好的做法,这是一件好事。
ARIA不会更改function,只会将所提供的angular色/属性更改为屏幕阅读器用户。 WebAIM的WAVE工具栏在页面上标识ARIAangular色。