UNPKG

nemo-accessibility

Version:

nemo-accessibility is a nemo plugin aimed to run accessibility scans during nemo tests. nemo-accessibility plugin uses axe-core, htmlcode smiffer and chrome engines to run accessibility scans on a given page or on a given element on a page.

94 lines (90 loc) 11.7 kB
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8" /><title>HTMLCodeSniffer Results</title><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css"><style type="text/css">body{text-align:center;}#container{margin:0 auto; text-align:left ;overflow:hidden}</style><script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script><script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script><script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"></script></head><body><div id="container"><table id="res" class="table table-striped table-bordered" cellspacing="0" width="70%"><thead><tr><th>Error Level</th><th>Principle</th><th>Message</th><th>Code snippet</th><th>Techniques</th></thead></tr><tbody><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#understandable" target="_blank">Understandable</a></td><td class="messageText"> The html element should have a lang or xml:lang attribute which describes the language of the document.</td><td>&lt;html&gt;&lt;head&gt; &lt;!-- Script info: script: n...&lt;/html&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H57" target="_blank">H57</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#operable" target="_blank">Operable</a></td><td class="messageText"> This link points to a named anchor "Menu" within the document, but no anchor exists with that name.</td><td>&lt;a href="#Menu" id="menu-button" role="button"&gt;Menu&lt;/a&gt </td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G1" target="_blank">G1</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G123" target="_blank">G123</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G124" target="_blank">G124</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#robust" target="_blank">Robust</a></td><td class="messageText"> Duplicate id attribute value "header-personal" found on the web page.</td><td>&lt;a href="https://www.paypal.com/u /webapps/mpp/home" id="header-personal" rel="menuitem" aria-controls="submenu-persona " data-pa-click="header|personal tabindex="-1"&gt;Personal&lt;/ &gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/F77" target="_blank">F77</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#operable" target="_blank">Operable</a></td><td class="messageText"> This link points to a named anchor "Close" within the document, but no anchor exists with that name.</td><td>&lt;a href="#Close" class="closer" role="button" title="Close" data-pa-click="header|close"&g ;&lt;span class="accessAid"&gt;Close&lt; span&gt;&lt;/a&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G1" target="_blank">G1</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G123" target="_blank">G123</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G124" target="_blank">G124</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#robust" target="_blank">Robust</a></td><td class="messageText"> Duplicate id attribute value "header-business" found on the web page.</td><td>&lt;a href="https://www.paypal.com/u /webapps/mpp/merchant" id="header-business" rel="menuitem" aria-controls="submenu-busines " data-pa-click="header|business tabindex="-1"&gt;Business&lt;/ &gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/F77" target="_blank">F77</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#operable" target="_blank">Operable</a></td><td class="messageText"> This link points to a named anchor "Close" within the document, but no anchor exists with that name.</td><td>&lt;a href="#Close" class="closer" role="button" title="Close" data-pa-click="header|close"&g ;&lt;span class="accessAid"&gt;Close&lt; span&gt;&lt;/a&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G1" target="_blank">G1</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G123" target="_blank">G123</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G124" target="_blank">G124</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#robust" target="_blank">Robust</a></td><td class="messageText"> Anchor element found with no link content and no name and/or ID attribute.</td><td>&lt;a href="" class="learn-more-link contentLink" data-pa-click="header|send-mon y-online|learn-more" tabindex="-1"&gt;&lt;/a&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H91" target="_blank">H91</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#robust" target="_blank">Robust</a></td><td class="messageText"> This button input element does not have a name available to an accessibility API. Valid names are: value attribute.</td><td>&lt;input type="button" value="" data-pa-click="" class="btn continue"&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H91" target="_blank">H91</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#robust" target="_blank">Robust</a></td><td class="messageText"> This button element does not have a name available to an accessibility API. Valid names are: title attribute, element content.</td><td>&lt;button type="submit" name="payment_type" data-pa-click="" value="Gift" class="btn gift" data-step="submit" aria-describedby="choice-1" data-url="/myaccount/transfer/ end/external/mpp"&gt;&lt;/butt n&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H91" target="_blank">H91</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#robust" target="_blank">Robust</a></td><td class="messageText"> This button element does not have a name available to an accessibility API. Valid names are: title attribute, element content.</td><td>&lt;button type="submit" name="payment_type" data-pa-click="" value="Goods" class="btn goods" data-step="submit" aria-describedby="choice-2" data-url="/myaccount/transfer/ uy/external/mpp"&gt;&lt;/butto &gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H91" target="_blank">H91</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#operable" target="_blank">Operable</a></td><td class="messageText"> This link points to a named anchor "Close" within the document, but no anchor exists with that name.</td><td>&lt;a href="#Close" class="closer" role="button" title="Close" data-pa-click="header|close"&g ;&lt;span class="accessAid"&gt;Close&lt; span&gt;&lt;/a&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G1" target="_blank">G1</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G123" target="_blank">G123</a></li><li><a href="http://www.w3.org/TR/WCAG20-TECHS/G124" target="_blank">G124</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#perceivable" target="_blank">Perceivable</a></td><td class="messageText"> Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.</td><td>&lt;img src="https://www.paypalobjects com/digitalassets/c/website/ma keting/na/us/home/icon-psnl-cr ditcards.png"&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H37" target="_blank">H37</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#perceivable" target="_blank">Perceivable</a></td><td class="messageText"> Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.</td><td>&lt;img src="https://www.paypalobjects com/digitalassets/c/website/ma keting/na/us/home/icon-psnl-pa anyfi.png"&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H37" target="_blank">H37</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#perceivable" target="_blank">Perceivable</a></td><td class="messageText"> Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.</td><td>&lt;img src="https://www.paypalobjects com/digitalassets/c/website/ma keting/na/us/home/icon-psnl-sh psecure.png"&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H37" target="_blank">H37</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#perceivable" target="_blank">Perceivable</a></td><td class="messageText"> Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.</td><td>&lt;img src="https://www.paypalobjects com/digitalassets/c/website/ma keting/na/us/home/icon_biz_1-o t.png"&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H37" target="_blank">H37</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#perceivable" target="_blank">Perceivable</a></td><td class="messageText"> Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.</td><td>&lt;img src="https://www.paypalobjects com/digitalassets/c/website/ma keting/na/us/home/icon_biz_2-o t.png"&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H37" target="_blank">H37</a></li></ul></td></tr><tr class="error"><td class="number"><span class="flag">error</span></td><td class="messagePrinciple"><a href="http://www.w3.org/TR/WCAG20/#perceivable" target="_blank">Perceivable</a></td><td class="messageText"> Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.</td><td>&lt;img src="https://www.paypalobjects com/digitalassets/c/website/ma keting/na/us/home/icon_biz_3-o t.png"&gt;</td><td class="messageTechniques"><ul><li><a href="http://www.w3.org/TR/WCAG20-TECHS/H37" target="_blank">H37</a></li></ul></td></tr></tbody></table></div></body><script>$(document).ready(function() {$("#res").DataTable()})</script></html>