# heading-has-content Enforce that heading elements (`h1`, `h2`, etc.) have content and that the content is accessible to screen readers. Accessible means that it is not hidden using the `aria-hidden` prop. Refer to the references to learn about why this is important. #### References 1. [axe-core, empty-heading](https://dequeuniversity.com/rules/axe/3.2/empty-heading) ## Rule details This rule takes one optional object argument of type object: ```json { "rules": { "jsx-a11y/heading-has-content": [ 2, { "components": [ "MyHeading" ], }], } } ``` For the `components` option, these strings determine which JSX elements (**always including** `