HTML“hidden”和“aria-hidden”属性有什么区别?

在使用Angular Material时,我已经看到了全部的咏叹调属性。 有人可以向我解释,咏叹调的前缀是什么意思? 但最重要的是我想了解的是aria-hiddenhidden属性之间的区别。

ARIA(无障碍富Internet应用程序)定义了一种方法,使残障人士可以更方便地访问Web内容和Web应用程序。

hidden属性在HTML5中是新的,并告诉浏览器不要显示元素。 aria-hidden属性告诉屏幕阅读器是否应该忽略该元素。 有关更多详细信息,请参阅w3文档:

http://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden

不用说,我们都应该试图使用这些标准,使残疾人更容易使用networking。

隐藏属性是布尔属性(True / False)。 在元素上使用此属性时,将删除与该元素的所有相关性。 当用户查看html页面时,隐藏属性的元素不应该是可见的。

例:

  <p hidden>You can't see this</p> 

隐藏的咏叹调属性表示元素和其所有后代在浏览器中仍然可见,但对可访问性工具(如屏幕阅读器)不可见。

例:

  <p aria-hidden="true">You can't see this</p> 

看看这个 。 它应该回答你所有的问题。

注意: ARIA代表无障碍富互联网应用程序

来源: Paciello集团