Has anyone in the Thought Industries community found a good solution or workaround for using the Hero Image Widget on /Pages/ while still maintaining proper SEO and accessibility standards?
Specifically, we like the Hero Image Widget from a design perspective with the image and ability to add text. However, we've noticed that the Hero Image Title appears to render as an H2 rather than an H1. <h2 class="hero__title">
CSS can style the element but cannot change the underlying HTML from an H2 to an H1. JavaScript could potentially modify the DOM after page load, but that doesn't seem like the ideal approach for SEO, accessibility, or semantic page structure. Perhaps I am missing something or an easy solution?
I'm curious how others have addressed this issue. Have you:
Found a platform-supported way to render the Hero Image Title as an H1?
Used a template customization or snippet-based solution?
Taken a different approach altogether?
At the moment, it seems like a custom snippet or a single column (with the hero design) may be the most practical solution, but I'd be interested to hear what others are doing and whether there are any recommended best practices within Thought Industries.
Thanks in advance for any insights.