[Athen] The <header> element VS Banner region landmark
William Frankhouser
wfrankhouser at everettcc.edu
Fri Jan 20 11:49:45 PST 2017
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-8705Email: wfrankhouser at everettcc.edu
<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) Thank you!
[image: Everett CC logo] <http://www.everettcc.edu/>
<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> 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.
>
>
>
> Thx,
>
>
>
> Nicaise
>
>
>
>
>
> Think not with your Eyes and you shall have a Perfect Vision!
>
>
>
> _______________________________________________
> athen-list mailing list
> athen-list at mailman13.u.washington.edu
> http://mailman13.u.washington.edu/mailman/listinfo/athen-list
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20170120/4b65b3ac/attachment.html>
More information about the athen-list
mailing list