<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=us-ascii">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<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;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.EmailStyle18
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle20
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@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="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal">Thanks Steve for that feedback.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal">Doug Hayman<o:p></o:p></p>
<p class="MsoNormal">IT Accessibility Coordinator<o:p></o:p></p>
<p class="MsoNormal">Information Technology<o:p></o:p></p>
<p class="MsoNormal">Olympic College<o:p></o:p></p>
<p class="MsoNormal"><a href="mailto:dhayman@olympic.edu"><span style="color:#0563C1">dhayman@olympic.edu</span></a><o:p></o:p></p>
<p class="MsoNormal">(360) 475-7632 (currently working remotely and don’t have access to this phone)<o:p></o:p></p>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b>From:</b> athen-list <athen-list-bounces@mailman12.u.washington.edu>
<b>On Behalf Of </b>Steve Green<br>
<b>Sent:</b> Saturday, February 6, 2021 8:18 AM<br>
<b>To:</b> Access Technology Higher Education Network <athen-list@u.washington.edu><br>
<b>Subject:</b> [EXTERNAL] - Re: [Athen] Does this kind of tool exist or can someone create it and make it open source?<o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div style="border:solid #030303 1.0pt;padding:1.0pt 1.0pt 1.0pt 1.0pt">
<p class="MsoNormal" style="mso-line-height-alt:10.0pt;background:#FFCC66"><span lang="EN-GB" style="font-size:12.0pt;font-family:"Arial",sans-serif;color:black">CAUTION: This email came from a non-OC system or external source. Beware of phishing and social
engineering!<o:p></o:p></span></p>
</div>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><span lang="EN-GB">That is not going to be viable because there are so many different ways you can label a form control, depending on how it and the surrounding content is coded.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB">Also, there are several means by which a form control can appear not to have a label, each of which needs to be fixed in a different way. For instance, a form control might have a label, but if it also has an “aria-labelledby”
attribute that points to an empty element, this overrides the label so the form control is effectively unlabelled. I have seen this in the real world many times.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB">Another situation is where you have form controls in a data table. In this case, each form control probably (but not 100% definitely) needs to be labelled by both its row header and column header. You can’t expect a tool
to magically know what the author intended.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB">This all makes more sense if you understand the Accessible Name Computation, which defined how browsers must compute the label for each element type.
<a href="https://www.w3.org/TR/html-aam-1.0">https://www.w3.org/TR/html-aam-1.0</a>. Section 5.1.1 deals with textboxes, checkboxes and radio buttons.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB">Without a reasonable knowledge of HTML, CSS, JavaScript and ARIA, the level of testing you can do is very limited and the level of remediation is lower still. Automated tools don’t get you anywhere near WCAG conformance
even if you were able to fix all the issues they find, and without coding knowledge you can’t tell when they are reporting false positives.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB">Steve Green<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB">Managing Director<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB">Test Partners Ltd<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b>From:</b> athen-list <<a href="mailto:athen-list-bounces@mailman12.u.washington.edu">athen-list-bounces@mailman12.u.washington.edu</a>>
<b>On Behalf Of </b>Hayman, Douglass<br>
<b>Sent:</b> 05 February 2021 21:36<br>
<b>To:</b> Access Technology Higher Education Network <<a href="mailto:athen-list@u.washington.edu">athen-list@u.washington.edu</a>><br>
<b>Subject:</b> [Athen] Does this kind of tool exist or can someone create it and make it open source?<o:p></o:p></p>
</div>
</div>
<p class="MsoNormal"><span lang="EN-GB"><o:p> </o:p></span></p>
<p class="MsoNormal">I’m finding that I can use various tools like WAVE or ANDI to identify inaccessible web content like a form field with no label or an image that lacks an ALT tag. But then not being a regular author of web content via HTML, I have to say
to myself, “Now how is it your supposed to label a form field?” and go look up resources like examples on webaim.org.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Is there anything out there that will both identify say, a missing form field and then also let the user fill in text that then gets added to properly pair up with the text box? I am thinking of something like what one can do in Adobe
Acrobat Pro for at least the lack of ALT tags where one can go image by image, type in ALT text and go on to the next one then save the PDF.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">A tool like this that was open source would seem like such a great way to go.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Doug Hayman<o:p></o:p></p>
<p class="MsoNormal">IT Accessibility Coordinator<o:p></o:p></p>
<p class="MsoNormal">Information Technology<o:p></o:p></p>
<p class="MsoNormal">Olympic College<o:p></o:p></p>
<p class="MsoNormal"><a href="mailto:dhayman@olympic.edu">dhayman@olympic.edu</a><o:p></o:p></p>
<p class="MsoNormal">(360) 475-7632 (currently working remotely and don’t have access to this phone)<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</body>
</html>