Do evaluation rules follow WCAG/Section 508 guidelines?

Yes, definitely. However, some of the cases aren’t specified in WCAG/Section 508 and therefore there are no links to the guidelines in some ASLint rules. These cases are derived from accessibility best standards that have evolved since the publication of guidelines.

What’s the meaning of defined impacts on the business?

  • Critical – Issues that prevent some individuals from using an application.
  • Major – Issues that make using an application difficult and/or disorienting.
  • Minor – Issues that are annoying or enhancements that could be made to the application
  • Info – Does not adhere to best practice. General recommendations for improvements.

I am trying to use ASLint but it doesn’t seem to load for me.

Some of the sites have set Content Security Policy and therefore ASLint and any other resources not defined in Content Security Policy will not be loaded. The easiest way to check that is to open browser console and check what’s in there. See examples from a few browsers:

  • Google Chrome (53.0.2785.143 (64-bit), OS X): Refused to load the script '//www.aslint.org/api/aslint/loader/loader.js' because it violates the following Content Security Policy directive; [...]
  • Firefox (49.0.1, OS X): Content Security Policy: The page’s settings blocked the loading of a resource at //www.aslint.org/api/aslint/loader/loader.js [...]
  • Safari (10.0 (12602., OS X): Refused to load //www.aslint.org/api/aslint/loader/loader.js because it does not appear in the script-src directive of the Content Security Policy.

Recommended tools

  • Color Contrast – Color Contrast is an iOS accessibility utility to verify the color contrast between two colors in an app, mobile website or screenshot.

Can I link to ASLint on my page?

Yes, please. Use following code in any place you want (e.g. footer):

<a href="//www.aslint.org" style="display: inline-block;"><svg xmlns="//www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>ASLint logo</title><path d="M11.94 5.753c1.285 0 2.326 1.04 2.326 2.325 0 1.284-1.04 2.325-2.325 2.325-1.283 0-2.324-1.04-2.324-2.325 0-1.284 1.04-2.325 2.325-2.325zM9.617 13.33c-.31.156-1.165-.846-1.555-1.29-.328-.376-.403-.755-.59-1.05-.265-.423-.63-1.742-.3-2.466.183-.405.564-.65.996-.544 3.026 1.915 3.026h3.72c1.55 0 1.42-1.998 2.134-2.995.297-.413 1.042-.044 1.278.326.438.688-.458 2.403-.458 2.403-.53.89-.902 1.33-.902 1.33s-1.144 1.593-1.454 1.438l.056 4.046c-.707.276-1.476.427-2.28.427-.98 0-1.91-.224-2.736-.625z"></path><ellipse cx="16.11" cy="5.225" rx="10.769" ry="10.803" transform="rotate(26.972) skewX(.097)" fill="none" stroke="#000" stroke-width="2.462"></ellipse></svg><span style="position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);">Keeping eye on digital accessibility here using ASLint Accessibility Validator</span></a>

So the result will be:

ASLint logoKeeping eye on digital accessibility here using ASLint Accessibility Validator