WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: guidance on headings hierarchy

for

Number of posts in this thread: 2 (In chronological order)

From: Barry Hill
Date: Thu, Jun 27 2019 2:04AM
Subject: guidance on headings hierarchy
No previous message | Next message →

I've seen a few pages where the logo has a heading tag and I don't like it. For me, the logo is not a heading. You wouldn't have a logo as a heading in a printed document, so why have one in a web page?

Cheers

Barry


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Brandon Keith Biggs
Sent: Thursday, May 16, 2019 9:27 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] guidance on headings hierarchy

Hello Catherine,
Logo should be a graphic with alt text at the top of the page, no heading.
Thanks,

Brandon Keith Biggs <http://brandonkeithbiggs.com/>;


On Thu, May 16, 2019 at 1:17 PM Catherine Roy < = EMAIL ADDRESS REMOVED = >
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
>
> --
> Catherine Roy
> http://www.catherine-roy.net
>
> > > archives at http://webaim.org/discussion/archives
> >

From: Mark Magennis
Date: Thu, Jun 27 2019 2:54AM
Subject: Re: [EXTERNAL] guidance on headings hierarchy
← Previous message | No next message

Hi Barry,

I think this is appropriate on the home page of a website. On any other page, there will usually be a heading which gives the page title - what this page is about. Home pages are about the whole thing and the logo, or the name of the entity that is represented by the logo, is usually the whole thing. So it makes sense for the logo (with the text alternative being the name of the entity it represents) to be the main page heading, an <h1>.

Mark

Mark Magennis
Skillsoft | mobile: +353 87 60 60 162
Accessibility Specialist


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Barry Hill
Sent: 27 June 2019 09:05
To: 'WebAIM Discussion List' < = EMAIL ADDRESS REMOVED = >
Subject: [EXTERNAL] Re: [WebAIM] guidance on headings hierarchy

I've seen a few pages where the logo has a heading tag and I don't like it. For me, the logo is not a heading. You wouldn't have a logo as a heading in a printed document, so why have one in a web page?

Cheers

Barry


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Brandon Keith Biggs
Sent: Thursday, May 16, 2019 9:27 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] guidance on headings hierarchy

Hello Catherine,
Logo should be a graphic with alt text at the top of the page, no heading.
Thanks,

Brandon Keith Biggs <http://brandonkeithbiggs.com/>;


On Thu, May 16, 2019 at 1:17 PM Catherine Roy < = EMAIL ADDRESS REMOVED = >
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
>
> --
> Catherine Roy
> http://www.catherine-roy.net
>
> > > archives at http://webaim.org/discussion/archives
> >