HTML中的"hidden"属性是一个布尔值,不需要设置任何值。只需存在即可。
那么"aria-hidden"属性呢?仅仅存在是否足够?还是需要将值设置为"true"?
aria-hidden
必须具有 true|false 的值。但是请注意,如果您使用 hidden
属性或使用 CSS 的 visibility:none
或 display:hidden
,则不需要使用 aria-hidden
。这三种隐藏方式也会将元素从屏幕阅读器中隐藏。只有当您想要从屏幕阅读器中隐藏显示内容时(例如对页面没有意义的装饰元素),才需要使用 aria-hidden="true"
。x
或 y
将元素“推”出屏幕来“隐藏”对象,则必须在该元素上设置 aria-hidden="true"
,因为前面的技术仅在视觉上隐藏了元素,并未真正隐藏元素。https://www.w3.org/WAI/PF/aria/states_and_properties#aria-hidden
aria-hidden="true|false"
,因为这个字段是为了由屏幕阅读器处理而设计的。您可以在此处找到更多详细信息:https://developer.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/ - Dat Pham