首页 > 解决方案 > HTML 5 标头元素 ANDI 可访问性问题,如何删除地标功能

问题描述

我正在使用 html5 标题元素在正文中显示徽标。ANDI 可访问性兼容性将其视为一个里程碑。我尝试通过文档,但它们只指定如何添加地标,但没有提及如何忽略或删除不需要的地标。

如何使标题/将来的任何元素成为非地标。我可以设置的任何属性或任何方向都会有所帮助。注意:我仍然希望能够使用 header 元素。

如果有用,它是一个角度应用程序。提前致谢。

标签: htmlaccessibility

解决方案


不要使用<header>元素。

这与您想要什么无关,而是关于人们需要什么才能正确访问您的网站。

语义对于可访问性非常重要,尤其是对于屏幕阅读器用户而言,并且试图依赖于aria覆盖元素语义角色是一个坏主意。

屏幕阅读器用户通过地标导航并期望在某些地方看到它们,这是它很重要的主要原因之一。

<divs>用于不构成文档结构一部分的内容并没有错。

如果您想知道改用什么,请在您的问题中添加小提琴/链接,以防万一有更合适的元素具有正确的语义。

因此,如果我出于正当理由需要这样做。

使用role="presentation"as this 将元素转换为被视为 a <div>(没有语义角色。)。但是,如前所述,应该谨慎使用,因为支持aria并不像您想象的那么好。.


推荐阅读