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.
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 FORM
s -
HOWTO: Make accessible VIDEO
s:<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 ??