[Athen] The <header> element VS Banner region landmark

N Dogbo ndogbo at gmail.com
Tue Jan 31 22:02:13 PST 2017

Making this visible again :)

Anybody knows?



Think not with your Eyes and you shall have a Perfect Vision!

From: athen-list [mailto:athen-list-bounces at mailman13.u.washington.edu] On Behalf Of William Frankhouser
Sent: Friday, January 20, 2017 11:50 AM
To: Access Technology Higher Education Network <athen-list at u.washington.edu>
Subject: Re: [Athen] The <header> element VS Banner region landmark

Would forcing the ARIA label role="complementary" on any sidebar or sections with the <header> element? (Instead of role="banner") https://www.w3.org/TR/wai-aria/roles#complementary

That article states: "the banner role is only mapped to <header> when the element is not within a <section> or <article> element, i.e. when <header> is scoped to the <body> element." But It looks like your testing proves otherwise based on the reader. Would the screen reader pick up the roles?

William Frankhouser / Web Development Services
Information Technology / Advance, Equip, Serve.


Phone: 425-259-8705
Email: wfrankhouser at everettcc.edu <mailto:wfrankhouser at everettcc.edu>

How did I do?
Please take a minute to help us improve by completing the IT Feedback Survey. ( <http://goo.gl/J3nGC> http://goo.gl/J3nGC) Thank you!


<http://www.facebook.com/EverettCC> <http://twitter.com/EverettCC> <http://www.youtube.com/EverettCommCollege>

On Fri, Jan 20, 2017 at 11:37 AM, N Dogbo <ndogbo at gmail.com <mailto:ndogbo at gmail.com> > wrote:

Hi web / HTML5 gurus on the list,

What is the best way / coding to ensure that the <header> element is not mapped to banner region landmark when used in the body of the page?

According to http://html5doctor.com/the-header-element/

When the <header> element is used within the <section> element then it is not mapped to the banner region landmark as seen and read by screen readers.

Does this truly work? When I test, doing as recommended in the above URL, it only works partially, in that the banner region landmark does not appear when using screen reader landmark keys, (e.g., ‘r’ and ‘d’ for jaws and nvda respectively). However when reading through the page using up / down arrow keys the banner region landmark gets picked up by screen readers.

First, is my observation correct? And is there another way to do it better so that the <header> element is only mapped / perceived as banner when used in the header area of the page only and not anywhere else on the page?

Your help is most helpful.



Think not with your Eyes and you shall have a Perfect Vision!

athen-list mailing list
athen-list at mailman13.u.washington.edu <mailto:athen-list at mailman13.u.washington.edu>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20170131/b0cc5fa2/attachment.html>

More information about the athen-list mailing list