WCAG 2.0 Toolbox and Online Resources

The following is a list of free web development tools and resources to help you ensure accessibility on your website, regardless of whether or not you decide to take compliance all the way to WCAG 2.0, Section 508 or your countries favourite flavour of the WCAG guidelines. If you are not going to make your website friendly for those who have physical disabilities, at least do it for SEO to enable all (visually impaired) search engines to understand your site's content.

WCAG 2.0 Related Tools

Useful Development and Debugging Tools

Browser and Accessibility Device Testing Tools

  • NetRenderer - Lets you see what your website would look like in Internet Explorer 5.5 through 10. Can be used with any of the major browsers.
  • IETester - See what your website looks like with different versions of Internet Explorer
  • Browsershots - Similar to NetRenderer except that you can see what your website looks like in any number of browsers. Be sure not to be in a hurry though as some of the screen shots can take up to 24 hours depending on the browser.
  • NonVisual Desktop Access (NVDA) - Free open source screen reader.
  • Microsoft Windows 7 and later screen Magnifier, Narrator and Speech Recognition
  • Acrobat Reader Read Out Loud Text-to-Speech tool

Code Validation Tools

  • The WCAG WAVE Tool - This web based tool does a lot of accessibility testing for you, at least the parts that can be automated.
  • W3C HTML Validator - Test the structure and logic of the HTML code behind your page. Remember, HTML is the stuff that search engines actually read and interpret. If that doesn't make sense, it doesn't matter how beautiful your website looks.
  • W3C RSS/Atom Validator - Do you have an RSS feed on your website or blog? Make sure it is readable and understandable by as many applications as possible.
  • W3C CSS Validator - While CSS is mostly used to format the appearance of your website, errors can result in weird stuff happening in some browsers and not in others. You'd be surprised how often a missing commas, semi-colon or typo can cause hours of troubleshooting the presentation of content on your site.
  • W3C Mobile Validator - Have you check out the latest statistics? We are in the middle of a smartphone explosion. Last year these multipurpose devices outsold tablets, desktop computers, laptops, notebooks and netbooks combined.
  • W3C Link Checker - It's in the list for good measure. If you are working on a Windows computer, go with Xenu instead. It will check a whole site at a time while this thing only checks one page at a time.
  • Xenu Links Sleuth - This baby will check your whole website in one shot for broken links and create a site map for you in the process. Note that it will not include pages that are not linked in (like thank you pages) nor pages that require you to login.

Colour Contrast Testing Tools

Useful WCAG 2.0 Online Documentation and Resources

Useful Resources For Making WCAG 2.0 Compliant PDF files

  • Accessibility in Microsoft Office 2010 - Microsoft is now building accessibility tools right into applications like Word and Excel. Most of the time it will only takes a few extra minutes to address the analyzers major concers. After you've done it a few times, you will automatically start to build accessibility right into your normal way of working. For example, in Word 2010, click File, Info, Check for Issues and Check Accessibility.
  • PAC (PDF Accessibility Checker) - Allows you to check PDF files for accessibility issues. Unless you've invested time and effort into making these accessible, most of the time they will fail. Microsoft Word 2010 can actually come pretty close to making an accessibility friendly PDF file without too much effort but the same can't be said for those PDF virtual printers. Anyway, if you can't figure it out, make an alternative to the PDF file available in HTML. Be sure to also check out the PAC Quick Guide (PDF).

Online Documentation and Tutorials

Making WCAG 2.0 Compliant Flash

Accessibility Related Information

Got a favourite tool for ensuring your website is WCAG 2.0 compliant? Share below.

Leave a Reply