HTML“hidden”和“aria-hidden”属性有什么区别?
在使用Angular Material时,我已经看到了全部的咏叹调属性。 有人可以向我解释,咏叹调的前缀是什么意思? 但最重要的是我想了解的是aria-hidden
和hidden
属性之间的区别。
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集团