<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:10.0pt;
font-family:"Arial",sans-serif;}
h2
{mso-style-priority:1;
mso-style-link:"Heading 2 Char";
margin-top:2.0pt;
margin-right:0in;
margin-bottom:0in;
margin-left:0in;
margin-bottom:.0001pt;
page-break-after:avoid;
font-size:13.0pt;
font-family:"Calibri Light",sans-serif;
color:#7D110C;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#2F5496;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0in;
margin-right:0in;
margin-bottom:0in;
margin-left:.5in;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Arial",sans-serif;}
span.Heading2Char
{mso-style-name:"Heading 2 Char";
mso-style-priority:1;
mso-style-link:"Heading 2";
font-family:"Calibri Light",sans-serif;
color:#7D110C;
font-weight:bold;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Arial",sans-serif;
color:windowtext;}
.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;}
/* List Definitions */
@list l0
{mso-list-id:988172819;
mso-list-type:hybrid;
mso-list-template-ids:795115954 67698703 67698689 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level2
{mso-level-number-format:bullet;
mso-level-text:\F0B7;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;
font-family:Symbol;}
@list l0:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-.25in;}
@list l0:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
--></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="#2F5496" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal">Hello Accessibility Listservs,<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I’m wondering if anyone has a good current list of JavaScript frameworks/libraries that help produce accessible code?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I have received a few emails about:<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoListParagraph" style="margin-left:.25in;text-indent:-.25in;mso-list:l0 level1 lfo1">
<![if !supportLists]><span style="mso-list:Ignore">1.<span style="font:7.0pt "Times New Roman"">
</span></span><![endif]>Bootstrap Accessibility Plug-in: <br>
<a href="https://urldefense.proofpoint.com/v2/url?u=http-3A__paypal.github.io_bootstrap-2Daccessibility-2Dplugin_demo.html&d=BQMFAg&c=8hUWFZcy2Z-Za5rBPlktOQ&r=keX15CdaYpbmMxLUiIuWb1zw--hfGTSkYKaQo57QVlNMzHCyNwZPEliFFnFLDF0F&m=Gjk-GeXGwNVg0GLPbmy0g463357VyXXq5sJFSCVsWKs&s=43pHL6Dun5TSTPe0u3SIkGDBbNQ_Xba_5MYEbpjMckw&e=">http://paypal.github.io/bootstrap-accessibility-plugin/demo.html</a><o:p></o:p></p>
<p class="MsoListParagraph" style="margin-left:.25in;text-indent:-.25in;mso-list:l0 level1 lfo1">
<![if !supportLists]><span style="mso-list:Ignore">2.<span style="font:7.0pt "Times New Roman"">
</span></span><![endif]>CMS Assets JavaScript Library: <br>
<a href="https://urldefense.proofpoint.com/v2/url?u=http-3A__assets.cms.gov_&d=BQMFAg&c=8hUWFZcy2Z-Za5rBPlktOQ&r=keX15CdaYpbmMxLUiIuWb1zw--hfGTSkYKaQo57QVlNMzHCyNwZPEliFFnFLDF0F&m=Gjk-GeXGwNVg0GLPbmy0g463357VyXXq5sJFSCVsWKs&s=Oa7klaLkwX9lsMEEHeA-IKr_QgQ_-lJ5CtnJR3KO9N4&e=">http://assets.cms.gov/</a><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">But I would like both feedback on these frameworks and other recommendations.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">My second question is does anyone have recommendations for incorporating accessibility evaluation into unit testing?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I believe Tenon.io and Quail can be incorporated into unit testing, but I’m wondering if there are other options that people recommend as well.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="color:black">Thankx,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:black"> Joe<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:black"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:9.0pt;color:black">Joe Humbert</span></b><span style="font-size:9.0pt;color:black"><br>
Principal Accessibility Analyst <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;color:black">Assistive Technology and Accessibility Centers<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;color:black">University Information Technology Services<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;color:black">Indiana University, IUPUI IT 210F<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;font-family:"Calibri",sans-serif;color:black">(</span><span style="font-size:9.0pt;color:black">317</span><span style="font-size:9.0pt;font-family:"Calibri",sans-serif;color:black">)
</span><span style="font-size:9.0pt;color:black">274-4378<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif"><a href="mailto:johumber@iu.edu"><span style="font-size:9.0pt;font-family:"Arial",sans-serif;color:#2F5496">johumber@iu.edu</span></a></span><span style="font-size:9.0pt;color:#2F5496"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif"><a href="http://atac.iu.edu/"><span style="font-size:9.0pt;font-family:"Arial",sans-serif;color:#1F4E79">http://atac.iu.edu</span></a></span><span style="font-size:9.0pt;color:#1F4E79">
<o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</body>
</html>