Jump to main content

A11Y Style Guide


ARIA Examples - Some practical ARIA examples to enhance your application accessibility (Heydon Pickering - @heydonworks).

ARIA Guidelines - Accessible Rich Internet Applications (ARIA) defines ways to make Web content and Web applications (especially those developed with Ajax and JavaScript) more accessible to people with disabilities. For example, ARIA enables accessible navigation landmarks, JavaScript widgets, form hints and error messages, live content updates, and more (Mozilla Developer Network - @mozappsdev).

ARIA Widget Checklist: For Screen Reader Testing - One of the most significant challenges with ARIA support is determining support level differences between assistive technology and browser combinations, and doing so in a structured manner so that bugs can be accurately and reliably submitted to AT venders so that these support levels can steadily increase equally (SSB BART Group - @SSBBARTGroup).

HTML5 Accessibility Chops: hidden and aria-hidden - As a developer and also a consultant advising developers on how to develop accessible content, it is important to have and provide up to date and practical knowledge about robust development techniques. What is the best method for hiding content for all users? For hiding content for some users? (The Paciello Group - @paciellogroup).

jQuery Simple and Accessible Modal Window - This jQuery plugin will add a shiny and accessible modal window, using ARIA (Nicolas Hoffmann - @Nico3333fr).


Accessible Components - Scott O'Hara develops and designs accessible user experiences for the web (Scott O'Hara - @scottohara).

Inclusive Components - A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it (Heydon Pickering -@inclusicomps).


Dyslexia and Typography - What this typeface does is break down the reading time of a non-dyslexic down to the speed of a dyslexic. The creator of this font wanted to make non-Dyslexic people understand what it is like to read with the condition and to recreate the frustration and embarrassment of reading everyday text and then in turn to create a better understanding of the condition (Tim Wright - @csskarma).

Inclusive Design at Microsoft - It’s in our mission statement: empower every person on the planet to achieve more. Designing for inclusivity opens up our experiences and reflects how people adapt to the world around them (Microsoft Design - @microsoftdesign).


Able Player - Able Player is a fully accessible cross-browser media player. It uses the HTML5 'audio' or 'video' element for browsers that support them, and (optionally) the JW Player as a fallback for those that don’t (Terrill Thompson - @terrillthompson).

PayPal Accessible HTML5 Video Player - A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog.

Back to top