跳至内容

jsx_a11y/heading-has-content 正确性

它的用途

强制规定标题元素(h1、h2 等)具有内容,并且屏幕阅读器可访问该内容。可访问意味着该内容不会使用 aria-hidden 属性进行隐藏。

为什么这很糟糕?

屏幕阅读器会向用户发出标题标签存在提示。如果标题为空或无法访问文本,这可能会让用户感到困惑,甚至会阻止他们访问页面结构中的信息。

示例

此规则的不正确代码示例

jsx
<h1 />

此规则的正确代码示例

jsx
<h1>Foo</h1>

参考

在 MIT 许可证下发布。