WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: guidance on headings hierarchy

for

From: Amanda J. Rush
Date: May 16, 2019 2:30PM

The only thing I would change is the heading containing the logo. I
would remove it, and have the image with the alt text. Alternatively,
you could use: <h1 logo; HA Initiative (H1)
Results to date (H2)


and then Resources (H3)
Latest updates (H3)


Amanda


On 5/16/2019 4:17 PM, Catherine Roy wrote:

> Hello all,
>
> Looking for a little guidance on headings hierarchy. Unfortunately, I
> am not at liberty to share the page that I'm going to describe.
>
> I have a main content and a left column with some menu items.
>
> For the main content, I have a heading that basically repeats the
> title of the page. Followed by a few paragraphs of explanatory text
> for the initiative in question. After which, a couple more headings to
> introduce a dashboard and some project partners.
>
> In the left column, I have two headings that introduce some links like
> a menu. So, originally, this is the structure I had set up:
>
> For the main content
>
> The first heading is a H1 (title of the initiative), the second
> heading is an H2 (Results to date for the dashboard) and the third
> heading is an H2 (Our partners) as well.
>
> So:
>
> HA Initiative (H1)
> Results to date (H2)
> Our partners (H2)
>
> In the left column, the two headings (Resources & Latest updates) that
> introduce links are both H3.
>
> So:
>
> Resources (H3)
> Latest updates (H3)
>
> My problem is that the page originally had the logo in the left top
> corner as an H1.
>
> And from my understanding, although it's not compulsory, it's always
> best to have just one H1 in the page.
>
> What is best practice here? Personally I would prefer that the logo
> not be a heading at all but simply an image with an alt text. But I
> know that some people have no problem with having more than one H1 in
> the same page.
>
> How would you structure your hierarchy with this content?
>
> Thanks,
>
> Catherine
>