I am creating a learning module in Evolve. As part of the accessibility review, it has been raised that there are multiple H1 headings throughout a page and that they want to have a single H1 heading at the start of the page, followed by all over headings using H2 tags (and H3 tags if there are subheadings).
I understand that Evolve automatically defines these tags. I currently use the Component Title to denote headings, but these all appear as H1. Are there any workarounds to this or are my hands tied when it comes to these tags?
I have looked at the module and can see that I have a display title and HTML title for the page. However, the issue is still present? Have I potentially missed something?
First thing I’d check is the page display title you’ve set is actually being shown in the page. If not it may be because you have enabled Page Header > Hide Page Header.
This seems to have solved the problem. However, we have used a styled article to act as the header for each page. What would be the best way to move forward? Attempt to style the heading to look like the styled article that we have created?
You could try having one article title per page and no page title - I think it should still tag the article heading as H1. Would have to test to ensure that’s true.
if all the components on the page are contained in that article you could set an article display title instead of a page title…
failing that, an alternative to setting a page title would be to enable showing the course title in the navigation bar via Theme > Navigation > Navigation title - that will be rendered in an h1 tag and all the component titles will then automatically switch to h2.
If you do have to restyle the heading it may help to know that you can also use Page Hero Image with a Hero Image Title (instead of a page display title) - you might find that offers more flexible options for styling a page header?