WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: guidance on headings hierarchy

for

From: Isabel Holdsworth
Date: May 17, 2019 1:58AM

As others have said, you're right not to want the logo wrapped in a
heading. The heading structure for the rest of the page is fine.

On 16/05/2019, Amanda J. Rush < <EMAIL REMOVED> > wrote:
> 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
>>
> > > > >