Simple A11Y

gistfile1.md

IDEA: Create a blog with simple bite-sized snippets of content to teach A11Y in smaller pieces instead of big chunks.

Basics

• Basics: ARIA introduction: roles, states, properties
• Basics: Basic ARIA roles
• Basics: Basic ARIA states
• Basics: Basic ARIA properties
• Basics: Color blindness
• Basics: ALT Text & Titles
• Basics: Color Contrast
• Basics: NEVER USE MAXIMUM-SCALE="1.0"
• Basics: Larger Touch Targets
• Basics: Prefer button to div elements https://staging.w15y.com/shortcuts/prefer-button-to-div
• Basics: Avoid -webkit-text-adjust-size: none; http://codepen.io/davatron5000/full/14/7
• Basics: Accessibility Checklist

HOWTOs

• HOWTO: Navigate using your keyboard
• HOWTO: Use VoiceOver on iPad
• HOWTO: Use NVDA on Windows
• HOWTO: VoiceOver on your Mac
• HOWTO: Make an accessible nav with dropdowns
• HOWTO: Hide content (the WAI way)
• HOWTO: Write accessible FORMs
• HOWTO: Make accessible VIDEOs: <track> & HTML5 Video Controls
• ?? HOWTO: Make accessible CANVAS & SVG ?? (2 posts?)
• HOWTO: Ajax with ARIA-LIVE
• HOWTO: Make accessible dialogs and modals
• HOWTO: Test text at 200%
• HOWTO: Em-based Media Queries

Mythbusting

• MYTHBUSTED: Accessibility is “blind people”
• MYTHBUSTED: Screen readers don't use Javascript
• ?? MYTHBUSTED: Accessibility is just turning off CSS ??

Introductions to Concepts

• ARIA: Roles, States & Properties (Chart)
• High Contrast Mode
• Accessible Typography (considerations: larger font-size, etc)
• User Zoom
• What is WAI? The Web Accessibility Initiative
• Animations are frustrating
• Section 508
• WCAG 2 (38 reqs)
• Dyslexic Fonts

Videos

• Video: How a non-sighted person uses a screen reader
• Video: How a partially-sighted person uses High Contrast Mode
• Video: How a mobility-limited person uses a website

Other Posts

• NVDA: The OpenSource Screen Reader
• Firefox winning at Accessibility. Don’t neglect it.
• ?? A11Y and SEO ??
• SPANS. pause. screen. readers. (i.e. Lettering.JS sucks)
• ?? Cheapest way to get audio transcribed ??
• Making Bootstrap Accessible

Links

https://gist.github.com/43f2031f2c9eb479ef11 Paul Irish's thoughts
http://www.karlgroves.com/2011/06/16/barriers-to-improving-the-accessibility-game-plan/
http://rebuildingtheweb.com/en/need-new-plan-to-make-web-accessible/
http://webaim.org/blog/the-web-accessibility-game-plan/
http://www.accessibleculture.org/
http://bfreemore.blogspot.com/2011/01/web-accessibility-with-reinhard-stebner.html