Heading semantics (heading-semantic)
Use semantic heading tags like <h1> to <h6> for actual headings.
Image used as heading:
This <img> element is visually styled or placed to look like a heading, but it does not use a semantic heading element or provide meaningful alternative text.
This content follows the heading image, but assistive technologies do not recognize the image as a heading.
The (DOM/programmatic) structure of the above example looks like this:
<img src="/test-assets/shared/heading.png" alt="" />
<p>This content follows the heading image...</p>
<p>This content follows the heading image...</p>