Aria用于改善视障用户的用户体验。视障用户使用JAWS、NVDA等屏幕阅读器软件浏览应用程序。在应用程序中导航时，屏幕阅读器软件向用户宣布内容。Aria可用于在代码中添加内容，以帮助屏幕阅读器用户理解控件的角色、状态、标签和目的

艾瑞亚在视觉上没有改变任何东西。(Aria也害怕设计师)。

aria-hidden:

aria-hidden属性用于为使用屏幕阅读器(JAWS, NVDA，…)浏览应用程序的视障用户隐藏内容。

Aria-hidden属性与值true, false一起使用。

如何使用:

<i class = "fa fa-books" aria-hidden = "true"></i>

在<i>上使用aria-hidden = "true"将内容隐藏给屏幕阅读器用户，而应用程序中没有任何可视更改。

aria-label

Aria-label属性用于将标签传递给屏幕阅读器用户。通常搜索输入字段没有视觉标签(感谢设计师)。Aria-label可用于将控件的标签传递给屏幕阅读器用户

如何使用:

<input type = "edit" aria-label = "search" placeholder = "search">

在应用中没有视觉上的变化。但是屏幕阅读器可以理解控制的目的

咏叹调-拉布莱德比

aria-label和aria- labledby都用于传递标签。但是aria-labelledby可以用来引用页面中已经存在的任何标签，而aria-label则用来传达没有在视觉上显示的标签

方法1:

<span id = "sd"> Search </span>

<input type = "text" aria-labelledby = "sd">

Aria-labelledby还可以用于组合屏幕阅读器用户的两个标签

方法2:

<span id = "de"> Billing Address </span>

<span id = "sd"> First Name </span>

<input type = "text" aria-labelledby = "de sd">

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

可访问富互联网应用程序(ARIA)定义了创建Web的方法 内容和Web应用程序(特别是使用Ajax和Web应用程序开发的应用程序) 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用于改善视障用户的用户体验。视障用户使用JAWS、NVDA等屏幕阅读器软件浏览应用程序。在应用程序中导航时，屏幕阅读器软件向用户宣布内容。Aria可用于在代码中添加内容，以帮助屏幕阅读器用户理解控件的角色、状态、标签和目的

艾瑞亚在视觉上没有改变任何东西。(Aria也害怕设计师)。

aria-hidden:

aria-hidden属性用于为使用屏幕阅读器(JAWS, NVDA，…)浏览应用程序的视障用户隐藏内容。

Aria-hidden属性与值true, false一起使用。

如何使用:

<i class = "fa fa-books" aria-hidden = "true"></i>

在<i>上使用aria-hidden = "true"将内容隐藏给屏幕阅读器用户，而应用程序中没有任何可视更改。

aria-label

Aria-label属性用于将标签传递给屏幕阅读器用户。通常搜索输入字段没有视觉标签(感谢设计师)。Aria-label可用于将控件的标签传递给屏幕阅读器用户

如何使用:

<input type = "edit" aria-label = "search" placeholder = "search">

在应用中没有视觉上的变化。但是屏幕阅读器可以理解控制的目的

咏叹调-拉布莱德比

aria-label和aria- labledby都用于传递标签。但是aria-labelledby可以用来引用页面中已经存在的任何标签，而aria-label则用来传达没有在视觉上显示的标签

方法1:

<span id = "sd"> Search </span>

<input type = "text" aria-labelledby = "sd">

Aria-labelledby还可以用于组合屏幕阅读器用户的两个标签

方法2:

<span id = "de"> Billing Address </span>

<span id = "sd"> First Name </span>

<input type = "text" aria-labelledby = "de sd">

ARIA不改变功能，它只改变屏幕阅读器用户所显示的角色/属性。WebAIM的WAVE工具栏在页面上标识ARIA角色。