<div dir="ltr"><div>Would forcing the ARIA label role="complementary" on any sidebar or sections with the <header> element? (Instead of role="banner") <a href="https://www.w3.org/TR/wai-aria/roles#complementary">https://www.w3.org/TR/wai-aria/roles#complementary</a><br></div><div><br></div><div>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?</div></div><div class="gmail_extra"><br clear="all"><div><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><br></div><div dir="ltr"><table width="100%" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="color:rgb(0,0,0);font-family:Times;font-size:medium;border:0px"><tbody><tr height="20px" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:10px;height:30px;line-height:12px"></tr><tr style="border:0px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:10px;line-height:12px"><td bgcolor="#f5f5f5" style="border-top-width:8px;border-top-style:solid;border-top-color:rgb(234,234,234);color:rgb(119,119,119);padding:10px 30px 0px"><table width="100%" border="0" cellpadding="0" cellspacing="0" style="border:0px"><tbody><tr style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif"><td align="left" style="color:rgb(0,0,0)"><font size="2"><strong>William Frankhouser</strong> / Web Development Services</font><br><i>Information Technology / Advance, Equip, Serve.</i><br></td></tr><tr style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif"><td width="100%"><hr style="border-bottom-style:solid;border-bottom-color:rgb(228,228,228);border-top-style:none;margin-bottom:5px;margin-top:5px"></td></tr><tr style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif"></tr></tbody></table><table width="70%" align="left" border="0" cellpadding="0" cellspacing="0" style="border:0px;margin-bottom:10px"><tbody><tr><td align="left" style="color:rgb(0,0,0)"><strong>Phone: 425-259-8705<br>Email: <a href="mailto:wfrankhouser@everettcc.edu" target="_blank">wfrankhouser@everettcc.edu</a></strong><br><br><strong>How did I do?</strong><br>Please take a minute to help us improve by completing the IT Feedback Survey. (<a href="http://goo.gl/J3nGC" style="color:rgb(119,119,119);text-decoration:none" target="_blank">http://goo.gl/J3nGC</a>) Thank you!</td></tr></tbody></table><table width="30%" align="right" border="0" cellpadding="0" cellspacing="0" style="border:0px"><tbody><tr><td align="right" style="color:rgb(0,0,0)"><a href="http://www.everettcc.edu/" style="color:rgb(119,119,119);text-decoration:none" target="_blank"><img src="https://drive.google.com/uc?id=0B7eLqCFtBr5ZbzVuLXBlNkNKQ2s" alt="Everett CC logo" style="border:0px;min-height:auto;max-height:38px;max-width:100%;padding-left:10px;padding-top:6px"></a><br><br><a href="http://www.facebook.com/EverettCC" style="color:rgb(17,85,204);font-size:12.8px;line-height:normal;text-align:start;background-color:rgb(255,255,255)" target="_blank"><img src="http://www.everettcc.edu/_inc/icon/social/facebook.png"></a><span style="color:rgb(34,34,34);font-size:12.8px;line-height:normal;text-align:start;background-color:rgb(255,255,255)"> </span><a href="http://twitter.com/EverettCC" style="color:rgb(17,85,204);font-size:12.8px;line-height:normal;text-align:start;background-color:rgb(255,255,255)" target="_blank"><img src="http://www.everettcc.edu/_inc/icon/social/twitter.png"></a><span style="color:rgb(34,34,34);font-size:12.8px;line-height:normal;text-align:start;background-color:rgb(255,255,255)"> </span><a href="http://www.youtube.com/EverettCommCollege" style="color:rgb(17,85,204);font-size:12.8px;line-height:normal;text-align:start;font-family:arial,helvetica,sans-serif;background-color:rgb(255,255,255)" target="_blank"><img src="http://www.everettcc.edu/_inc/icon/social/youtube.png"></a></td></tr></tbody></table></td></tr></tbody></table></div><div dir="ltr"><br></div></div></div></div></div></div></div></div></div></div>
<br><div class="gmail_quote">On Fri, Jan 20, 2017 at 11:37 AM, N Dogbo <span dir="ltr"><<a href="mailto:ndogbo@gmail.com" target="_blank">ndogbo@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div lang="EN-US" link="#0563C1" vlink="#954F72"><div class="m_-8840391324946835141WordSection1"><p class="MsoNormal">Hi web / HTML5 gurus on the list,<u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">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?<u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">According to <a href="http://html5doctor.com/the-header-element/" target="_blank">http://html5doctor.com/the-<wbr>header-element/</a><u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">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.<u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">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.<u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">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?<u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">Your help is most helpful.<u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">Thx,<u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><p class="MsoNormal">Nicaise<u></u><u></u></p><p class="MsoNormal"> <u></u><u></u></p><p class="MsoNormal"><u></u> <u></u></p><div><p class="MsoNormal">Think not with your Eyes and you shall have a Perfect Vision!<u></u><u></u></p></div><p class="MsoNormal"><u></u> <u></u></p></div></div><br>______________________________<wbr>_________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman13.u.washington.edu">athen-list@mailman13.u.<wbr>washington.edu</a><br>
<a href="http://mailman13.u.washington.edu/mailman/listinfo/athen-list" rel="noreferrer" target="_blank">http://mailman13.u.washington.<wbr>edu/mailman/listinfo/athen-<wbr>list</a><br>
<br></blockquote></div><br></div>