<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Microsoft Word 14 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"Segoe UI";
panose-1:2 11 5 2 4 2 4 2 2 3;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
span.EmailStyle18
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D">It’s possible, although there are already ARIA tags in the app, some of which appear to be helping and others that seem to be doing nothing or making it worse.
All of the H3s are coded in a similar manner (because they all serve a similar function in the same region of the app) but they are behaving differently for different tools. I’m also trying to avoid injecting more ARIA into the app at this point since the
developer (who knew next to nothing about accessibility before we started talking) has been dumping ARIA into the code all over the place trying to make it better, and creating problems in some areas where there were none before as a result. He means well
but sorting out his code is a bit challenging…<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D">Teresa<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri","sans-serif";color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt;font-family:"Tahoma","sans-serif"">From:</span></b><span style="font-size:10.0pt;font-family:"Tahoma","sans-serif""> athen-list [mailto:athen-list-bounces@mailman13.u.washington.edu]
<b>On Behalf Of </b>Samantha Johns<br>
<b>Sent:</b> Tuesday, May 12, 2015 10:28 AM<br>
<b>To:</b> Access Technology Higher Education Network<br>
<b>Subject:</b> Re: [Athen] webpage coding question<o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal">Perhaps these need element tags - ARIA tags <o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><br clear="all">
<o:p></o:p></p>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<p style="margin:0in;margin-bottom:.0001pt;line-height:15.75pt;vertical-align:baseline;outline:0px">
<b><span style="font-size:9.5pt;font-family:"Segoe UI","sans-serif";color:black"><a href="http://www.pdx.edu/oai/" target="_blank"><span style="color:#1155CC;text-decoration:none"><img border="0" id="_x0000_i1025" src="https://dl.dropboxusercontent.com/u/329486/OAI_SigPic.png"></span></a></span></b><span style="font-size:9.5pt;font-family:"Segoe UI","sans-serif""><o:p></o:p></span></p>
<p style="margin:0in;margin-bottom:.0001pt;line-height:15.75pt;vertical-align:baseline;outline:0px">
<b><span style="font-size:10.0pt;font-family:"Segoe UI","sans-serif";color:black">Samantha Johns</span></b><span style="font-family:"Segoe UI","sans-serif""><o:p></o:p></span></p>
<p style="margin:0in;margin-bottom:.0001pt;line-height:15.75pt;vertical-align:baseline;outline:0px">
<i><span style="font-size:10.0pt;font-family:"Segoe UI","sans-serif";color:black">Accessibility & Course Support Specialist </span></i><span style="font-family:"Segoe UI","sans-serif""><o:p></o:p></span></p>
<p style="margin:0in;margin-bottom:.0001pt;line-height:15.75pt;vertical-align:baseline;outline:0px">
<span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:black">Portland State University</span><span style="font-family:"Segoe UI","sans-serif""><o:p></o:p></span></p>
</div>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">1825 SW Broadway</span><o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">Smith Memorial Student Union, Mezzanine 209<br>
Portland OR 97201</span><o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:10.0pt;color:black">503/725-2754</span><o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
<div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:9.5pt"><o:p> </o:p></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal">On Tue, May 12, 2015 at 10:18 AM, Teresa Haven <<a href="mailto:Teresa.Haven@nau.edu" target="_blank">Teresa.Haven@nau.edu</a>> wrote:<o:p></o:p></p>
<div>
<div>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">I’ve had a strange situation arise with a new web app that my institution is attempting to develop. We are still in the beta stage so the site isn’t public, but we’ve noticed that
even though the developer has included appropriate H tags for structure, they aren’t all being perceived by either AT or various A11y checking tools. When I have JAWS present me with a list of headers on the page, I get one lonely H5 tag. When I have WAVE
check the outline, I am told I have one H1, a small handful of H3s, and one H4. In the code for the page from the user agent perspective we can see one H1, a couple of H2s, a LOT of H3s, and a couple each of H4 and H5 – which is what the developer used in
the design. We are using JAWS 14 and 15 for testing, IE11 with JAWS, and Firefox 36 with WAVE. The app is not using HTML5, although it is using some Angular. Does anyone have any ideas for why our AT and tools aren’t perceiving the H tags that we are seeing
in the code?<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Thanks for any troubleshooting suggestions you might have,<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto">Teresa<o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:10.0pt">Teresa Haven, Ph.D.</span><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:10.0pt">Accessibility Analyst, Northern Arizona University</span><o:p></o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"> <o:p></o:p></p>
</div>
</div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><br>
_______________________________________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman13.u.washington.edu">athen-list@mailman13.u.washington.edu</a><br>
<a href="http://mailman13.u.washington.edu/mailman/listinfo/athen-list" target="_blank">http://mailman13.u.washington.edu/mailman/listinfo/athen-list</a><o:p></o:p></p>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</body>
</html>