这些属性是什么:“咏叹调标签”和“咏叹调隐藏”

使用Bootstrap模式,我已经看到这些aria属性很多,但我从来不知道如何使用它们。

有谁知道什么情况下使用这些属性? 我GOOGLE了 – 只是没有find任何直接的答案。

HTML5 ARIA属性就是你要找的。 即使没有引导,它也可以用在你的代码中。

可访问的富Internet应用程序(ARIA)定义了使Web内容和Web应用程序(特别是使用Ajax和JavaScript开发的应用程序)更易于残疾人访问的方法。

准确地说,你的问题,这是你的属性被称为ARIA属性状态和模型

aria-labelledby :标识标签当前元素的元素。

aria-hidden (state) :表示元素及其所有后代对作者实现的任何用户不可见或不可察觉。

这些属性的主要消费者是盲人用户代理,如屏幕阅读器。 所以在Bootstrap模式的情况下,模式的divrole="dialog" 。 当屏幕阅读器注意到一个div变成可见的时候,它会说这个div的标签。

有很多方法可以标注事物(以及ARIA中的一些新标记),但是在某些情况下,使用现有元素作为标签(语义)而不使用<label> HTML标记是合适的。 对于HTML模式,标签通常是一个<h>标题。 因此,在Bootstrap模式的情况下,您添加了aria-labelledby=[IDofModalHeader] ,屏幕阅读器将在模态出现时说出这个标题。

一般来说,每当DOM元素变得可见或不可见时,屏幕阅读器就会注意到,所以aria-hidden属性经常是多余的,并且在大多数情况下可能被跳过。

aria-hidden="true"会从屏幕阅读器中隐藏像字形图标这样的装饰物品,这些装置没有有意义的发音,以免引起混淆。 作为良好的做法,这是一件好事。

ARIA不会更改function,只会将所提供的angular色/属性更改为屏幕阅读器用户。 WebAIM的WAVE工具栏在页面上标识ARIAangular色。