# Query about H1 Tags and accessibility in modules

**URL:** <https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240>\
**Category:** General Help\
**Tags:** accessibility\
**Created:** [October 18, 2024, 4:10pm UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240 "2024-10-18T16:10:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sam](https://avatars.discourse-cdn.com/v4/letter/s/5f9b8f/32.png) [@Sam](https://community.evolveauthoring.com/u/Sam)\
**Post date:** [October 18, 2024, 4:10pm UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240/1 "2024-10-18T16:10:35Z")

</div>

Hi there,

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?

Thanks all!

---

<div class="post-metadata">

**Author:** ![Sam\_Cook\_Evolve\_LQA](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/sam_cook_evolve_lqa/32/902_2.png) [@Sam\_Cook\_Evolve\_LQA](https://community.evolveauthoring.com/u/Sam_Cook_Evolve_LQA)\
**Post date:** [October 21, 2024, 11:07am UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240/2 "2024-10-21T11:07:51Z")

</div>

Hi, have you set a page title? If you do that, that should take the H1 tag and all other titles would readjust accordingly.  
Cheers-Sam

---

<div class="post-metadata">

**Author:** ![Sam](https://avatars.discourse-cdn.com/v4/letter/s/5f9b8f/32.png) [@Sam](https://community.evolveauthoring.com/u/Sam)\
**Post date:** [October 21, 2024, 11:40am UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240/3 "2024-10-21T11:40:50Z")

</div>

Hi Sam,

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?

Thanks

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [October 21, 2024, 11:49am UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240/4 "2024-10-21T11:49:10Z")

</div>

> [@Sam](#):
>
> 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.

If it’s not that please [get in touch with support](https://community.evolveauthoring.com/t/how-do-i-speak-to-tech-support/3078/2) so that they can take a proper look.

---

<div class="post-metadata">

**Author:** ![Sam](https://avatars.discourse-cdn.com/v4/letter/s/5f9b8f/32.png) [@Sam](https://community.evolveauthoring.com/u/Sam)\
**Post date:** [October 21, 2024, 1:17pm UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240/5 "2024-10-21T13:17:38Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Sam\_Cook\_Evolve\_LQA](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/sam_cook_evolve_lqa/32/902_2.png) [@Sam\_Cook\_Evolve\_LQA](https://community.evolveauthoring.com/u/Sam_Cook_Evolve_LQA)\
**Post date:** [October 21, 2024, 3:49pm UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240/6 "2024-10-21T15:49:05Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [October 21, 2024, 3:51pm UTC](https://community.evolveauthoring.com/t/query-about-h1-tags-and-accessibility-in-modules/3240/7 "2024-10-21T15:51:29Z")

</div>

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?
