List of Post Ideas

Created by: davatron5000

Simple, bite-sized snippets of content to teach A11Y in smaller pieces instead of big chunks. We can check them off (using githubs new todo list feature) as we get them finished.

📈 == A table or chart here would be useful.

Concepts

Basic introductions to various concepts. What is it? Why does it exist?

• ARIA introduction: roles 📈
• ARIA introduction: states 📈
• ARIA introduction: properties 📈
• Basic ARIA roles
• Basic ARIA states
• Basic ARIA properties
• Color blindness
• Color Contrast
• What is WAI? The Web Accessibility Initiative
• Section 508
• WCAG 2 (38 reqs)

Features

• Accessibility Checklist
• Resource Page

Quick Tips

Quick, tiny, easy improvements for maximum ROI

• Using alt text correctly
• Using title attributes correctly
• Never use maximum-scale=1.0
• Prefer button to div elements https://staging.w15y.com/shortcuts/prefer-button-to-div
• Avoid -webkit-text-adjust-size: none; http://codepen.io/davatron5000/full/14/7

Quick Tests

• Navigate using your keyboard
• Test contrast on your phone
• Larger Touch Targets
• Accessible Typography (considerations: larger font-size, etc)

HOWTOs

More in-depth, yet simple articles on HOW-TO use/create something.

• HOWTO: Use VoiceOver on iOS
• HOWTO: Use NVDA on Windows
• HOWTO: Use JAWS on Windows
• HOWTO: Use VoiceOver on Mac
• HOWTO: Make an accessible <nav> with dropdowns @jimbateson
• HOWTO: Hide content
• 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
• HOWTO: Accessible Animations (i.e, they're frustrating)
• HOWTO: Use Access Keys

Myths

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

Assistive Technology (AT)

• NVDA: The OpenSource Screen Reader
• High Contrast Mode
• User Zoom
• 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

Misc.

• Firefox & Accessibility (aka, Don’t neglect FF).
• ?? Myths: A11Y and SEO (myth confirmed?) ??
• SPANS. pause. screen. readers. (aka, "Why Lettering.JS sucks")
• ?? Cheapest way to get audio/video transcribed ??
• ?? Making Bootstrap Accessible ??