E-mail List Archives
Thread: roles and headers
Number of posts in this thread: 6 (In chronological order)
From: Sandy
Date: Wed, May 01 2013 9:15AM
Subject: roles and headers
No previous message | Next message →
hey all,
I would like to know any best practices for using roles instead of
headers. Here is an approach that makes sense to me, and I would like to
know if it makes sense to the experts on this list.
Thanks in advance.
home page works like this:
<div id="banner" role="banner">
<h1>Name of the company</h1>
<h2>company tag line</h2>
</div>
content page works like this:
<div id="banner" role="banner">
Name of the company
company tag line
</div>
<h1>Page title</h1>
Thanks for taking the time to look at this.
Best regards, Sandy
From: Chagnon | PubCom
Date: Wed, May 01 2013 9:28AM
Subject: Re: roles and headers
← Previous message | Next message →
Don't confuse headers with headings!
Clarification:
Header is not the same as Heading and the difference between the two is
enormous.
A header appears at the top of the page. It's nonessential information
that's repeated on most, if not all, pages such as the date of the
publication or page number. Screen reader users generally don't want to have
headers voiced for many reasons.
Headings, on the other hand, are all the headlines and subheads in the
document. They are critical for navigation by AT users and not only provide
a method of quickly skimming and navigating the document, but also can
convey the overall structure of the document, too.
To help keep the 2 closely-worded and often-misused terms straight, Headers
are often mated with Footers at the bottom of the page.
-Bevi Chagnon
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - -
www.PubCom.com - Trainers, Consultants, Designers, Developers.
Print, Web, Acrobat, XML, eBooks, and U.S. Federal Section 508
Accessibility.
New schedule for classes and workshops coming in 2013.
From: Dave Merrill
Date: Wed, May 01 2013 9:36AM
Subject: Re: roles and headers
← Previous message | Next message →
I *do not* consider myself an expert, but that said, you've probably seen
the banner role guidelines here, where he suggests applying it to the main
header tag:
http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/
Also, I assume you're not just applying that one role, right? I htink it's
only appropriate if you plan to use ARIA roles throughout your site,
applying all relevant ones to each page.
Dave Merrill
On Wed, May 1, 2013 at 11:15 AM, Sandy < = EMAIL ADDRESS REMOVED = > wrote:
> hey all,
>
> I would like to know any best practices for using roles instead of
> headers. Here is an approach that makes sense to me, and I would like to
> know if it makes sense to the experts on this list.
>
> Thanks in advance.
>
> home page works like this:
>
> <div id="banner" role="banner">
> <h1>Name of the company</h1>
> <h2>company tag line</h2>
> </div>
>
> content page works like this:
>
> <div id="banner" role="banner">
> Name of the company
> company tag line
> </div>
>
> <h1>Page title</h1>
>
>
> Thanks for taking the time to look at this.
>
> Best regards, Sandy
> > > >
--
Dave Merrill
From: Steve Faulkner
Date: Wed, May 01 2013 9:38AM
Subject: Re: roles and headers
← Previous message | Next message →
Hi Sandy,
this may be helpful - advice on marking up headings and subheadings:
http://www.w3.org/html/wg/drafts/html/master/common-idioms.html#sub-head
--
Regards
SteveF
HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/>;
On 1 May 2013 16:15, Sandy < = EMAIL ADDRESS REMOVED = > wrote:
> hey all,
>
> I would like to know any best practices for using roles instead of
> headers. Here is an approach that makes sense to me, and I would like to
> know if it makes sense to the experts on this list.
>
> Thanks in advance.
>
> home page works like this:
>
> <div id="banner" role="banner">
> <h1>Name of the company</h1>
> <h2>company tag line</h2>
> </div>
>
> content page works like this:
>
> <div id="banner" role="banner">
> Name of the company
> company tag line
> </div>
>
> <h1>Page title</h1>
>
>
> Thanks for taking the time to look at this.
>
> Best regards, Sandy
> > > >
From: Sandy
Date: Wed, May 01 2013 9:46AM
Subject: Re: roles and headers
← Previous message | Next message →
> seen the banner role guidelines here, where he suggests applying it to
> the main header tag:
> http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/
Right - the question is whether an <h1> in the banner, once you are off
the home page, is unnecessary clutter, and should be reserved for the
page title. The banner role will tell users what's going on, right?
> Also, I assume you're not just applying that one role, right?
right. So far role="banner", role="navigation" and role="main".
thanks for taking the time to answer,
Sandy
From: Steve Faulkner
Date: Wed, May 01 2013 9:50AM
Subject: Re: roles and headers
← Previous message | No next message
Hi sandy,
I suggest
"<h1> in the banner, once you are off the home page, is unnecessary
clutter, and should be reserved for the
page title." is the correct thinking.
--
Regards
SteveF
HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/>;
On 1 May 2013 16:46, Sandy < = EMAIL ADDRESS REMOVED = > wrote:
>
> > seen the banner role guidelines here, where he suggests applying it to
> > the main header tag:
> > http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/
> Right - the question is whether an <h1> in the banner, once you are off
> the home page, is unnecessary clutter, and should be reserved for the
> page title. The banner role will tell users what's going on, right?
>
> > Also, I assume you're not just applying that one role, right?
> right. So far role="banner", role="navigation" and role="main".
>
> thanks for taking the time to answer,
> Sandy
> > > >