有没有办法让屏幕阅读器不读取 HTML 元素的类型？

Question

正如标题所述，我想知道是否有可以添加到元素的 HTML 属性，这样屏幕阅读器就不会读取元素的类型，例如对于

<h4>Subtitle</h4>

屏幕阅读器会读到“字幕。标题 4”

感谢任何反馈。谢谢！

Answer 1

是的，你可以这样做，但我会提醒你不要这样做。

您可以使用role="presentation" 或role="none"。它们做同样的事情并且可以互换。最初的 ARIA 规范只有“演示文稿”，但开发人员 there was some confusion 说明了“演示文稿”的含义，因此该规范添加了“无”作为“演示文稿”的别名。

<h4 role="presentation">Subtitle</h4>

添加role="presentation" 类似于拥有

<div>Subtitle</div>

您将失去使用 <h4> 的所有语义优势。屏幕阅读器用户将无法使用 H 或 4 屏幕阅读器键盘快捷键（适用于 NVDA 和 JAWS）导航到文本。如果他们打开一个显示页面上所有标题的对话框，他们也不会看到列出的文本。

推测代码使用<h4> 是有原因的。这仅仅是为了获得 h4 的样式吗？如果是这样，那么我可以也许看到使用role="presentation"。但在这种情况下，更好的解决方案是使用 <div> 并将其指向 <h4> 用于获取样式的相同 CSS 类（如果您有自定义 h4 CSS 类）。如果您使用 h4 的默认浏览器样式，那么使用真正的 h4 并关闭语义可能是实现这一目标的最佳方式。