Open
Description
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
alttext correctly - Using
titleattributes 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?) @CBID2 - 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 Accessi 5707 ble ??