FAQ

Do evaluation rules follow WCAG/Section 508 guidelines?

Yes, definitely.

However we also provide our eSSENTIAL best practice rules. These are accessibility problems that aren’t covered by Section 508 or WCAG, but which we think are important to highlight.

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 sites have set a Content Security Policy and therefore ASLint and any other resources not defined in that Content Security Policy will not be loaded. The easiest way to check this is to open the 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.1.50.0.10), 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 – an iOS accessibility utility to verify the color contrast between two colors in an app, mobile website or screenshot.
  • Colour Contrast Analyser – a color contrast tester for Windows and Mac.

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 1.16.284.055 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