<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;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
span.EmailStyle19
{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-GB" link="#0563C1" vlink="#954F72" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal"><span style="mso-fareast-language:EN-US">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 style="mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="mso-fareast-language:EN-US">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 style="mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="mso-fareast-language:EN-US">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 style="mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="mso-fareast-language:EN-US">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 style="mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="mso-fareast-language:EN-US">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"><o:p> </o:p></p>
<p class="MsoNormal">Steve Green<o:p></o:p></p>
<p class="MsoNormal">Managing Director<o:p></o:p></p>
<p class="MsoNormal">Test Partners Ltd<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="mso-fareast-language:EN-US"><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><span lang="EN-US">From:</span></b><span lang="EN-US"> athen-list <athen-list-bounces@mailman12.u.washington.edu>
<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 <athen-list@u.washington.edu><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></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span lang="EN-US">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></span></p>
<p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">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></span></p>
<p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">A tool like this that was open source would seem like such a great way to go.<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">Doug Hayman<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">IT Accessibility Coordinator<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">Information Technology<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">Olympic College<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><a href="mailto:dhayman@olympic.edu">dhayman@olympic.edu</a><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US">(360) 475-7632 (currently working remotely and don’t have access to this phone)<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p>
</div>
</body>
</html>