beat the tsunami with a wave
DESCRIPTION
Presentation from Toronto's #DevTO monthly meetup on Sept 20, 2013. Presentation was a 10-15 minutes talk aimed at introducing developers new to digital accessibility how to use and test their content using the various versions of WebAIM's Wave.TRANSCRIPT
![Page 1: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/1.jpg)
Beat the
TSUNAMIWith A
@patrickdunphy #DevTO September 30, 2013
![Page 2: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/2.jpg)
TransplantedNewfoundlander
Who is this guy?
Embarrasses wifeAt Sporting
Events
proudfather
![Page 3: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/3.jpg)
Cool Story Bro...
![Page 4: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/4.jpg)
The REALBeginning
1999The
Beginning
One more time...
ThePresent
![Page 5: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/5.jpg)
What about the Tsunami?Not a question about if but when
AODA WCAG 2.0
CVAA
Section 508
BS 8878
Accessibility Standards Baby boomer = silver tsunami
![Page 6: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/6.jpg)
Today’s Goal
Introduce free testing Tools
That are available to anyone
And are eaSY TO USE
![Page 7: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/7.jpg)
WAVE - 1 Tool 3 Flavours
WEB Version
toolbar
Api
![Page 8: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/8.jpg)
Web Version
• Provides different views
• Determine target goal
• Summarizes results
• instant Documentation
• Code inspector
* Wave is a tool to assist with evaluation, it’s not used to verify content is 100% accessible.
![Page 9: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/9.jpg)
Web Demo
http://wave.webaim.org
![Page 10: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/10.jpg)
Toolbar Demo
• Currently firefox only (Chrome release TBD)
• Evaluation includes scripting
http://wave.webaim.org/toolbar
![Page 11: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/11.jpg)
Wave API Overview
• v.1 released in march 2013
• minimal cost ($0.04 - $0.025 / credit)
• returns XML or JSON
• Stand-aLone BETA LICENSE (mac/windows/linux)
• Tools: Spider, URL Manager, Scheduler, etc.
http://wave.webaim.org/api
![Page 12: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/12.jpg)
More Useful Tools & Links
http://www.webaim.org
http://www.w3.org/WAI
https://atutor.ca
https://www.webaccessibility.com
http://www.webaxe.org
http://www.accessiq.org
Your keyboardScreen readersFANGS pluginWAT Toolbar (ie)Colour contrast analyzerFireEyesDiagnostic.cssNoCoffee PluginFirebug, Web Dev ToolbarHigh Contrast Mode
![Page 13: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/13.jpg)
Final Words of Advice
• You are the most important testing tool
• Don't just say no, offer solutions
• Engage the community (#a11y is your friend)
• BE A SPONGE
• Share your knowledge
![Page 14: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/14.jpg)
Thank you
@patrickdunphy
![Page 15: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/15.jpg)
Title text
![Page 16: Beat the Tsunami with a WAVE](https://reader035.vdocuments.net/reader035/viewer/2022081412/545b8949b1af9fba5d8b594e/html5/thumbnails/16.jpg)
Accessibility Camp Toronto
http://www.AccessibilityCampTo.orgRegister Online
November 16, 2013Ontario College of art &
Design (OCAD), 100 McCaul st.