A short 4 minute screencast about Accessify Wiki. Creating and delivering accessibility fixes for the Web, one site at a time. Video: http://youtu.be/KsUTiasR4F0

1. Accessify Wiki
Fixing accessibility on the Web
one site at a time
http://freear.org.uk/accessify

2. Why accessibility?
● The web - important for all:
○ learn, work, play, shop...
● Many sites place barriers in the way of those
with disabilities
● Bad for the visitor - equality, usability
● Bad for the site - lost customers, reputation,
cost

3. Why accessibility?
http://flickr.com/photos/lwr/41694998

4. Why Accessify Wiki?
●
●
●
●
There are laws/ guidelines: ADA, WCAG 2.0...
Educators for Web developers/ designers
Lobbyists, charities, consultants
There are other fixers: Fix the Web, a11y bugs
…
Accessify Wiki complements these efforts

5. Quick fix?
http://flickr.com/photos/zeldaboo/2452458536

6. Accessify Wiki
● Anyone can create accessibility "fixes" for
any Web site
● End-users auto-magically employ fixes
during normal browsing
● Tools to help site owners/developers use
fixes in their site
3 components

7. 1. Anyone can co-create fixes
●
●
●
●
Accessibility fixes created & stored in a Wiki
CSS-selector/ jQuery-like* selector syntax
Low-barrier
We don't rely on programmers ;)
We DO need interested
& passionate people

8. Screen shot of http://accessify.wikia.
com/wiki/Fix:Wikipedia

9. 2. End-users
●
●
●
●
User Javascript & bookmarklets to add fixes
Future: browser add-ons
Use (most) browsers
Use (any) assistive technology - screen
readers etc.
http://accessify.wikia.com/wiki/Users
http://openclipart.org/detail/506/sunsquad-group-by-ryanlerch

10. Screen shot of http://en.wikipedia.
org/wiki/Accessibility

11. 3. Site owners/developers
● Tool to compile "fix" Javascript for a site
● Future: preview fixes on an example page
CAUTION
● You should plan accessibility from project
start
● For example, BS 8878, PAS 78,
● Accessify Wiki can NOT fix all problems
You are NOT off the hook!!

12. Technology/ standards
●
●
●
●
●
●
WAI-ARIA
JS: document.querySelectorAll()
accessifyhtml5.js
YAML 1.2
JSON Schema
Wikia.com
○ MediaWiki/ PHP-based Wiki farm
● Accessify Wiki Tools
○ Python, Google App Engine

13. Accessify Wiki
Needs
you
Fixing accessibility on the Web
one site at a time
http://freear.org.uk/accessify