HTML 中“隐藏”和“aria-hidden”属性之间的区别

超文本标记语言 (HTML) 是一种结合 CSS 和 JavaScript 的强大 Web 开发工具。除此之外，HTML 还使用可访问的富 Internet 应用程序 (ARIA)使 Web 内容适合残疾人士。尽管ARIA是有益的，但 HTML 和 ARIA 都有一些共同的关键字，这在业余学习者中造成了困惑。

HTML ‘hidden’：当某些内容已过时且不再需要时，使用 HTML ‘hidden’ 属性。它完全隐藏了用户的细节。它是 HTML 代码中状态的语义指示符。如果使用此属性，则浏览器将不会显示指定了 hidden 属性的元素。可以使用某些条件或用于查看隐藏内容的 JavaScript 来查看隐藏属性。

句法：

例子：

HTML

    
        
        
    
    
        
GeeksforGeeks
        
hidden attribute
         
        
        
  
    

输出：

aria-hidden:使用 ‘aria-hidden=”true”‘ 在某些浏览器的辅助技术中从可访问性树中删除元素及其子元素，但内容将显示在你的浏览器中。根据 ARIA的第四条规则，不允许在可聚焦元素上使用隐藏特性，因为它会导致用户无所事事。不要在标签内使用 aria-hidden=”true” ，否则辅助技术将无法访问整个页面。

句法：

例子：

HTML

    
        
        
    
    
        
GeeksforGeeks
        
aria-hidden="true/flase"
         
        
        

            A computer science portal for geeks
        
  
    
                   

注意： aria-hidden 表示元素及其所有子元素对开发人员实现的任何用户都不可见。

HTML hidden 和 aria-hidden 的区别：

HTML hidden	aria-hidden
HTML hidden hides everything from the user.	ARIA’s aria-hidden, hides content from the assisting technology
By using HTML hidden, you can remove focusable content from the browser navigation.	While using ARIA hidden, we don’t remove the content from the browser.
You can apply CSS style of display:none in HTML hidden.	ARIA’s aria-hidden, no such script shall apply.