SXSWi: Accessified! Practical Accessibility Fixes Any Web Developer Can Use
Ian Lloyd of Accessified with Patrick Lauke, Splintered
Covering:
- Free tools to help with accessibility
- Evaluation tools in your browser
- Using pre-recorded screencasts
Part 1: Tools
- Accessible table builder
- Accessible form builder
- List-o-matic
- Produce unstyled, but accessible tables and forms, and navigation lists with styles
Part 2: Evaluation accessibility with toolbars (“Don’t be a tool. Use one.”)
- Headings & accessibility
- screen reader users
- keyboard navigation
- Web Dev toolbar > Outline headings
- Document outline
- Semantic markup in general
- Some AT currently does not support all semantic markup
- Highlighting custom elements (abbr, for example)
- JavaScript
- Not necessarily evil
- Depending on type of site, may need to have to work without it
- Labels for forms
- Tie text form to element
- Web Dev toolbar > display form information
- Image Alts
Part 3: Other tools
- GrayBit.com — Makes site grayscale to check contrast
- W3C Markup Validator
- Gez Lemon’s colour contrast analyzer
- Functionally accessability evaluator
Part 4: Unobtrusive Accessibility (aka Doing the right thing, without your boss noticing)
- Hidden form labels
- Hidden skip links
- Hidden table head
Update: Ken @ Techory took notes.