“Accessibility” online can have many definitions and contexts. For most developers, we fall into the trap of thinking adding alt text to images is enough to make our websites “accessible.” What can you do to provide a quality interface that truly meets the needs of users? Does your jQuery crash accessible browsers? Can users find their way around your applications? Does FireFox read the entire menu at the start of every page? Join Ed Schipul, CEO of Tendenci, and blind motivational speaker Rachel Magario, Assistive Technology Specialist at PACER Center’s Simon Technology Center, and moderator Becky Leven as they discuss what accessibility online really looks like to both developers and visually impaired end users. This session will cover best practices, testing, and pitfalls to avoid in implementing accessible web and program design. You will walk away with actionable tips you can use in your development projects as well as a new mindset on how to approach accessibility.

1. 1Photo By Scott:
https://www.flickr.com/photos/jsmoorman/2298671281
Rachel Magario | @rachelmagario
Ed Schipul | @eschipul | @tendenci
Becky Leven | @beckyleven | @tendenci
#oscon #accessibility
Making Open Source More Open
Conquering the Accessibility Challenge

2. 2
Accessibility is Dignity
“Accessing places and information equally”

3. Coding and Designing
For Multiple End Users
1.Visual
2.Auditory
3.Kinesthetic
4.Mobility
5.Perceptive Abilities
3
www.pcauthority.com.au/News/289739,geek-tech-top-5-gadgets-for-the-kitchen.aspx
Magario Accessibility Method | #oscon #accessibility

4. 4
Let’s Talk Accessibility
!
1. Accessibility is Dignity
2. Accessibility = Vehicle for Innovation
3. Work accessibility into Process
Magario Accessibility Method | #oscon #accessibility

5. 5Magario Accessibility Method | #oscon #accessibility

6. 6Magario Accessibility Method | #oscon #accessibility

7. Accessing A Wordpress Discussion Board
7Magario Accessibility Method | #oscon #accessibility

8. Magario’s Dignity Gap Model
8Magario Accessibility Method | #oscon #accessibility

9. 9

10. 10Magario Accessibility Method | #oscon #accessibility

11. “Cost-benefit ratio for
usability is $1:$10-$100”
“Once a system is in development,
correcting a problem costs 10 times
as much as fixing the same problem
in design. If the system has been
released, it costs 100
times as much relative to fixing in
design.”
-T.Gilb
Principles of Software Engineering
Management
11

12. Sharing a Contact With VoiceOver
12Magario Accessibility Method | #oscon #accessibility

13. Magario Accessibility Experience Model
13Magario Accessibility Method | #oscon #accessibility

14. 14
Magario Accessibility Method in Action
S . E . E
Satisfaction
Effectiveness
Efficiency

15. Accessibility Testing Tools
15
Magario Accessibility Method | #oscon #accessibility

16. Accessibility Critique - Tendenci
16Magario Accessibility Method | #oscon #accessibility

17. 17
1.Create a persona for your site/
project and use the what if method
to assess
2.Youtube embedded video (Flash or
HTML 5?)
3.Alt tags (conveying what is in the
image?)
4.Is their audio captcha
5.MAC: CTRL + F5 turns on voice over
6.Windows: Download Jaws or other
screen reader
7.Are all areas of content accessible
by keyboard (use tab and arrows to
get to content)
http://www.w3.org/WAI/ER/tools/Overview.html
GETTING STARTED

18. 18
https://github.com/magario/oscon-workshop/tree/master/
assets/themes/tendenci/imgs

19. OPPORTUNITY
19
Popular Science Magazine, July 2014
!
http://www.popsci.com/

20. Popular Science Magazine, July 2014
!
http://www.popsci.com/article/gadgets/wearable-tech-gets-makeover 20

21. 21
!
1. Accessibility Is About Dignity
2. Accessibility = Vehicle for Innovation
3. Work accessibility into Process
Magario Accessibility Method | #oscon #accessibility

22. 22
WE JUST WANT TO
CHANGE THE WORLD
AS WE KNOW IT.
AND WE WILL.
Ed Schipul
Site: tendenci.com
Github: https://github.com/tendenci
Blog: eschipul.com
Flickr: www.flickr.com/eschipul
Twitter: @eschipul and @twitter
Slideshare: www.slideshare.net/eschipul
Rachel Magario
Site: rachelmagario.com/contact/
Github: https://github.com/magario
Twitter: @rachelmagario
Thank You!