Web Accessibility Checker for WCAG 2.0 ADA, AODA, EQA Compliance Monitoring

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Web Accessibility Checker for WCAG 2.0 ADA, AODA, EQA Compliance Monitoring</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="Generator" content="AChecker - Copyright 2009 by ATRC http://atrc.utoronto.ca/" /> <meta name="keywords" content="achecker,free, open source, accessibility checker, accessibility reviewer, accessibility evaluator, accessibility evaluation, WCAG evaluation, 508 evaluation, BITV evaluation, evaluate accessibility, test accessibility, review accessibility, ATRC, WCAG 2, STANCA, BITV, Section 508." /> <meta name="description" content="AChecker is a Web accessibility evalution tool designed to help Web content developers and Web application developers ensure their Web content is accessible to everyone regardless to the technology they may be using, or their abilities or disabilities." /> <base href="https://achecks.org/" /><meta name="viewport" content="width=device-width"><script async src="https://www.googletagmanager.com/gtag/js?id=G-CGLFB99MLR"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-CGLFB99MLR');</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1106597921617431" crossorigin="anonymous"></script><style>html body{font-size:large;}html .bottom,html #liquid-round{width:auto;width:fit-content;}</style> <link rel="shortcut icon" href="https://achecks.org/images/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="https://achecks.org/themes/default/forms.css" type="text/css" /> <link rel="stylesheet" href="https://achecks.org/themes/default/styles.css" type="text/css" />  <script src="https://achecks.org/jscripts/lib/jquery.js" type="text/javascript"></script> <script src="https://achecks.org/jscripts/lib/jquery-URLEncode.js" type="text/javascript"></script> <script src="https://achecks.org/jscripts/AChecker.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> // </script> <script src="https://achecks.org/checker/js/checker.js" type="text/javascript"></script> </head> <body onload="AChecker.input.initialize('AC_by_uri', 'by_guideline');"> <div id="liquid-round"><div class="top"><span></span></div> <div class="center-content" id="center-content"> <div id="logo"> <a href="https://achecks.org/achecker"><img src="https://achecks.org/themes/default/images/checker_logo.png" alt="AChecker" style="border:none;" /></a> </div> <div id="banner"> <span id="logininfo"> <a href="https://achecks.org/login" >Login</a>    <a href="https://achecks.org/signup" >Register</a> </span> </div> <div class="topnavlistcontainer">  <ul class="navigation"> <li class="navigation"><a href="https://www.achecks.org" title="AChecker Web Accessibility Checker via ACHECKS" class="active"><span class="nav">AChecker Web Accessibility Checker</span></a></li> </ul> </div>  <div id="sub-menu">  <div> <a href="https://www.achecks.org/pricing/" id="guide" title="A subscription-based monitoring service for accessibility compliance"><em>Subscribe for automatic accessibility monitoring with ACHECKS!</em></a> </div>  <div id="sub-navigation">   </div> </div> <a name="content" title="Start Content"></a> <table style="width:100%"> <tr> <td> <div class="center-input-form"> <form name="input_form" enctype="multipart/form-data" method="post" action="/checker/index.php" > <div class="left-col" style="float:left;clear:left;"><br /> <fieldset class="group_form"><legend class="group_form">Check Accessibility By:</legend> <div class="topnavlistcontainer"><br /> <ul class="navigation"> <li class="navigation"><a href="javascript:void(0)" accesskey="a" title="URL Alt+1" id="AC_menu_by_uri" onclick="return AChecker.input.onClickTab('AC_by_uri');" class="active"><span class="nav">URL</span></a></li> <li class="navigation"><a href="javascript:void(0)" accesskey="b" title="Upload Alt+2" id="AC_menu_by_upload" onclick="return AChecker.input.onClickTab('AC_by_upload');" ><span class="nav">Upload</span></a></li> <li class="navigation"><a href="javascript:void(0)" accesskey="c" title="Markup Alt+3" id="AC_menu_by_paste" onclick="return AChecker.input.onClickTab('AC_by_paste');" ><span class="nav">Markup</span></a></li> </ul> </div> <div id="AC_by_uri" class="input_tab" style="display:block"> <div style="text-align:center;"> <label for="checkuri">Address:</label> <input type="text" name="uri" id="checkuri" value="" size="50" /> <div class="validation_submit_div"> <div class="spinner_div"> <img class="spinner_img" id="AC_spinner_by_uri" style="display:none" src="https://achecks.org/themes/default/images/spinner.gif" alt="Accessibility Validation in Progress" />   </div> <input class="validation_button" type="submit" name="validate_uri" id="validate_uri" size="100" value="Check It" onclick="return AChecker.input.validateURI();" /> </div> </div> </div> <div id="AC_by_upload" class="input_tab" style="display:none"> <div style="text-align:center;"> <label for="checkfile">File:</label> <input type="hidden" name="MAX_FILE_SIZE" value="52428800" /> <input type="file" id="checkfile" name="uploadfile" size="47" /> <div class="validation_submit_div"> <div class="spinner_div"> <img class="spinner_img" id="AC_spinner_by_upload" style="display:none" src="https://achecks.org/themes/default/images/spinner.gif" alt="Accessibility Validation in Progress" />   </div> <input class="validation_button" type="submit" name="validate_file" id="validate_file" value="Check It" onclick="return AChecker.input.validateUpload();" /> </div> </div> </div> <div id="AC_by_paste" class="input_tab" style="display:none"> <label for="checkpaste">Paste from clipboard complete HTML source:</label> <div style="text-align:center;"> <textarea rows="20" style="width:90%;" name="pastehtml" id="checkpaste"></textarea> <div class="validation_submit_div"> <div class="spinner_div"> <img class="spinner_img" id="AC_spinner_by_paste" style="display:none" src="https://achecks.org/themes/default/images/spinner.gif" alt="Accessibility Validation in Progress" />   </div> <input class="validation_button" type="submit" name="validate_paste" id="validate_paste" value="Check It" onclick="return AChecker.input.validatePaste();" /> </div> </div> </div> <div> <h2 align="left"> <img src="images/arrow-closed.png" alt="Expand Guidelines" title="Expand Guidelines" id="toggle_image" border="0" /> <a href="javascript:AChecker.toggleDiv('div_options', 'toggle_image');">Options</a> </h2> </div> <div id="div_options" style="display:none"> <table class="data static" style="background-colour:#eeeeee;"> <tr> <td class="one_third_width"> <input type="checkbox" name="enable_html_validation" id="enable_html_validation" value="1" /> <label for='enable_html_validation'>Enable HTML Validator</label> </td> <td class="one_third_width"> <input type="checkbox" name="enable_css_validation" id="enable_css_validation" value="1" /> <label for='enable_css_validation'>Enable CSS Validator</label> </td> <td class="one_third_width"> <input type="checkbox" name="show_source" id="show_source" value="1" /> <label for='show_source'>Show Source</label> </td> </tr> <tr> <td colspan="3"><h3>Guidelines to Check Against</h3></td> </tr>  <tr> <td colspan="3"> <div id="guideline_in_radio"> <table width="100%"> <tr> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_1" value="1" /> <label for="radio_gid_1">BITV 1.0 (Level 2)</label> </td> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_2" value="2" /> <label for="radio_gid_2">Section 508</label> </td> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_3" value="3" /> <label for="radio_gid_3">Stanca Act</label> </td> </tr> <tr> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_4" value="4" /> <label for="radio_gid_4">WCAG 1.0 (Level A)</label> </td> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_5" value="5" /> <label for="radio_gid_5">WCAG 1.0 (Level AA)</label> </td> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_6" value="6" /> <label for="radio_gid_6">WCAG 1.0 (Level AAA)</label> </td> </tr> <tr> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_7" value="7" /> <label for="radio_gid_7">WCAG 2.0 (Level A)</label> </td> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_8" value="8" checked="checked" /> <label for="radio_gid_8">WCAG 2.0 (Level AA)</label> </td> <td class="one_third_width"> <input type="radio" name="radio_gid[]" id="radio_gid_9" value="9" /> <label for="radio_gid_9">WCAG 2.0 (Level AAA)</label> </td> </tr> </table> </div> <div id="guideline_in_checkbox" style="display:none"> <table width="100%"> <tr> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_1" value="1" /> <label for="checkbox_gid_1">BITV 1.0 (Level 2)</label> </td> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_2" value="2" /> <label for="checkbox_gid_2">Section 508</label> </td> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_3" value="3" /> <label for="checkbox_gid_3">Stanca Act</label> </td> </tr> <tr> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_4" value="4" /> <label for="checkbox_gid_4">WCAG 1.0 (Level A)</label> </td> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_5" value="5" /> <label for="checkbox_gid_5">WCAG 1.0 (Level AA)</label> </td> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_6" value="6" /> <label for="checkbox_gid_6">WCAG 1.0 (Level AAA)</label> </td> </tr> <tr> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_7" value="7" /> <label for="checkbox_gid_7">WCAG 2.0 (Level A)</label> </td> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_8" value="8" checked="checked" /> <label for="checkbox_gid_8">WCAG 2.0 (Level AA)</label> </td> <td class="one_third_width"> <input type="checkbox" name="checkbox_gid[]" id="checkbox_gid_9" value="9" /> <label for="checkbox_gid_9">WCAG 2.0 (Level AAA)</label> </td> </tr> </table> </div> </td> </tr> <tr> <td colspan="3"><h3>Report Format</h3></td> </tr> <tr> <td class="one_third_width"><input type="radio" name="rpt_format" value="1" id="option_rpt_gdl" checked="checked" /><label for="option_rpt_gdl">View by Guideline</label></td> <td class="one_third_width"><input type="radio" name="rpt_format" value="2" id="option_rpt_line" /><label for="option_rpt_line">View by Line Number</label></td> </tr> </table> </div> </fieldset> </div> </form> </div> </td> </tr> </table> <center style="margin-bottom: 0.9em; box-shadow: rgb(3 27 78 / 10%) 0 2px 4px 0;"><a style="display: block; padding: 20px; font-size: smaller; text-decoration: none; box-shadow: rgb(3 27 78 / 10%) 0 2px 4px 0; color: black; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, white), color-stop(40%, #e4fbff), to(#e4fbff)); background: linear-gradient(white 20%, #e4fbff 40%, #e4fbff);" href="https://www.achecks.org"><span style="display: block; font-size: 20px; line-height: 33px;">To monitor accessibility and <abbr title="American Disabilities Act">ADA</abbr>, <abbr title="Accessibility for Ontarians with Disabilities Act">AODA</abbr>, <abbr title="Equality Act of 2010">EQA</abbr> compliance <em>across</em> your website, subscribe to <strong>ACHECKS</strong> for ongoing AChecker and Google Lighthouse-based <abbr title=" Web Content Accessibility Guidelines">WCAG</abbr> 2 AA compliance reports for one or more domains.</span><img src="https://achecks.org/static/img/theme/achecks_home_lighthouse.svg" style="max-width: 30%; margin-top: 20px;" alt="ACHECKS Report"><span style="display: block; clear: both; margin: 40px 0 25px 0;"><span style="padding: 20px 40px; border-radius: 50px; background: #00796b; color: white; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);">Click to Learn More!</span></span></a></center> <div style="margin-left:auto; margin-right:auto; width:20em;"> <small>Web site engine's code is copyright © 2023</small><br /> </div> </div>  <div class="bottom"><span></span></div> </div>  <div style="margin-left:auto; margin-right:auto; width:56px;"> <a href="http://inclusivedesign.ca/"><img width="56" src="https://achecks.org/themes/default/images/IDI.png" height="73" alt="Inclusive Design Institute" title="Inclusive Design Institute" style="border:none;"/></a> </div> <script language="javascript" type="text/javascript"> // </script> <div align="center" style="clear:both;margin-left:auto; width:15em;margin-right:auto;"> </div> </body> </html>

CINXE.COM

Web Accessibility Checker for WCAG 2.0 ADA, AODA, EQA Compliance Monitoring