making it accessibility accessible (and fun?)
DESCRIPTION
Presentation given at UNC CAUSE 2013TRANSCRIPT
![Page 1: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/1.jpg)
Making IT Accessibility Accessible (And Fun?)
Greg Kraus(Temporarily Able Bodied)
University IT Accessibility CoordinatorNorth Carolina State University
@gdkraus
![Page 2: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/2.jpg)
@gdkrausGreg Kraus
The Problems with Accessibility
• Accessibility can be hard to understand• People are afraid they are going to mess it up• Non-technical people are often the ones
needing to fix the problems• Accessibility is not fun
![Page 3: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/3.jpg)
Typical Accessibility Audit Report
![Page 4: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/4.jpg)
Please Go Fix the Errors in Here
![Page 5: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/5.jpg)
@gdkrausGreg Kraus
Aristotle
• “If you want to become a major league baseball player, you cannot simply wake up one day and declare yourself a baseball player, capable of hitting a curve ball. You must become habituated in the ways of being a baseball player through a lifetime of practice.”
![Page 6: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/6.jpg)
@gdkrausGreg Kraus
How to Learn To Be a Major League Baseball Player
1. Start easy2. Gradually build skill over time3. Learn to see patterns and know how to react4. Reactions become intuitive and natural5. Practice
![Page 7: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/7.jpg)
@gdkrausGreg Kraus
What Accessibility Needs
• Achievable goals– broken down into manageable tasks
• A way for everyone to be able to take responsibility for accessibility
![Page 8: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/8.jpg)
@gdkrausGreg Kraus
Four Strategies
• Quick Training Videos• Accessibility Handook• IT Accessibility Quick Guides• Accessibility Scan/Game
![Page 9: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/9.jpg)
@gdkrausGreg Kraus
Quick Training Videos
• Short (5-10 minute) videos• Each video covers 1 specific topic• (Usually) give you something actionable you
can do• http://accessibility.oit.ncsu.edu/trainingvideos
/
![Page 10: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/10.jpg)
@gdkrausGreg Kraus
Quick Training Video Example
• Microsoft Word Headings– http://www.youtube.com/watch?v=zbVl4IYqmIU
![Page 11: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/11.jpg)
@gdkrausGreg Kraus
Some Quick Training Video Topics
• Accessibility Evaluation Tool Tutorials• Using Headings in Microsoft Word• Using Headings in Google Docs• Accessible Math on the Web• Skip to Main Content Links• Language Attributes for Screen Readers
![Page 12: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/12.jpg)
@gdkrausGreg Kraus
IT Accessibility Handbook
• Resource for Web developers• Takes you through the steps for designing
accessibly– Gives you a way to think about accessible design
• http://go.ncsu.edu/accessibility-handbook
![Page 13: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/13.jpg)
@gdkrausGreg Kraus
Section 508
• Procurement and development requirement for Federal agencies– (You don’t have to follow Section 508, unless you have
to follow Section 508)• Released in 1998• 16 criteria• 381 words long• Does not tell you how to technically do any of it
![Page 14: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/14.jpg)
@gdkrausGreg Kraus
Web Content Accessibility Guidelines 2.0 (WCAG 2)
• Standard published by the Web Accessibility Initiative (WAI) within the W3C
• Released in 2008• 14,000 words in the standard• 300,000 words of support documentation
![Page 15: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/15.jpg)
This is what they see
![Page 16: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/16.jpg)
But this is what they want
![Page 17: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/17.jpg)
Accessibility HandbookStep 1: Understand legal accessibility requirementsStep 2: Choose the most appropriate technology and document formatStep 3: Start with some of the basicsStep 4: Plan your document structure Step 5: Plan your user interactions Step 6: Design alternate ways for users to access your content when the content is dependent on a single human sense
![Page 18: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/18.jpg)
@gdkrausGreg Kraus
Accessibility Handbook Demonstration
• http://go.ncsu.edu/accessibility-handbook
![Page 19: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/19.jpg)
@gdkrausGreg Kraus
IT Accessibility Quick Guides
• What about content creators?
![Page 20: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/20.jpg)
@gdkrausGreg Kraus
IT Accessibility Quick Guides – What They Do
1. Overview of NC State’s accessibility responsibilities
2. Profiles of commonly used technologies on campus
3. Overview of how to build it accessibly4. How to check if it is accessible5. Where to get more information
![Page 21: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/21.jpg)
@gdkrausGreg Kraus
IT Accessibility Quick Guide Demo
• http://go.ncsu.edu/accessibility-quick-guide
![Page 22: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/22.jpg)
@gdkrausGreg Kraus
IT Accessible Game
• Can accessibility be fun?• Should it really be a game?• Isn’t accessibility a human right?
![Page 23: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/23.jpg)
@gdkrausGreg Kraus
Gamification
• Gamification [n]: the use of game design elements in non-game contexts
![Page 24: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/24.jpg)
@gdkrausGreg Kraus
Competing in a Marketplace of Demands
• Prioritizations– “Keeping the lights on”• Production services to run and maintain
– Security and Compliance• This impacts everyone, not just “those people”
![Page 25: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/25.jpg)
@gdkrausGreg Kraus
Gaming Principles
• A good game…– Lets everyone play, regardless of skill level– Lets you improve skills over time– Gives you instant feedback
![Page 26: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/26.jpg)
We’re Not Talking About Wheelchairs with Lasers
![Page 27: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/27.jpg)
Make a Game Everyone Can Play
1011
32
1
4
69
57
8
![Page 28: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/28.jpg)
![Page 29: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/29.jpg)
![Page 30: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/30.jpg)
![Page 31: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/31.jpg)
Mario Didn’t Save the Princess in World 1-1
![Page 32: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/32.jpg)
@gdkrausGreg Kraus
Prioritization
• 4 = fatal error, user cannot interact at all with the element
• 3 = significant error, user can only partially recover or it causes a significant hardship
• 2 = significant error, but user can usually mostly, if not fully recover
• 1 = minor annoyance• 0 = usually can ignore
![Page 33: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/33.jpg)
@gdkrausGreg Kraus
Level 4
• Missing alternative text• Unlabeled form element• No keyboard event for an equivalent mouse
event
![Page 34: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/34.jpg)
@gdkrausGreg Kraus
Level 3
• A form control has more than one label• Page auto refreshes• No skip to main content link
![Page 35: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/35.jpg)
@gdkrausGreg Kraus
Level 2
• Spacer image does not have an alt attribute• Pages have unique titles and don’t say
“Untitled Document”
![Page 36: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/36.jpg)
@gdkrausGreg Kraus
Level 1
• Invalid code• Heading levels are skipped• No titles for frames
![Page 37: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/37.jpg)
@gdkrausGreg Kraus
Level 0
• No alternative content for iframes• Contrast ratio to pass WCAG 2 Level AAA
![Page 38: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/38.jpg)
Weighted Errors Corrected
Mar Apr May Jun Jul Aug Sep Oct Nov0
50,000100,000150,000200,000250,000300,000350,000400,000450,000500,000
642
190,311
88,029
19,641 3,111 0
431,227
138,294
317,659
![Page 39: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/39.jpg)
Weighted Errors Corrected With Contests
Mar Apr May Jun Jul Aug Sep Oct Nov0
50,000100,000150,000200,000250,000300,000350,000400,000450,000500,000
642
190,311
88,029
19,641 3,111 0
431,227
138,294
317,659
16,82950,488
98,537
317,659
![Page 40: Making IT Accessibility Accessible (and Fun?)](https://reader035.vdocument.in/reader035/viewer/2022062705/5564b845d8b42a3e618b4f15/html5/thumbnails/40.jpg)
@gdkrausGreg Kraus
Demonstrate System
• http://accessibility.oit.ncsu.edu/accessibility-scan/