“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, 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. Agenda: Why is accessibility important? Dignity. Everyone should have the ability to be independent and everyone has a right to be effective and efficient. Rachel Magario, the first totally blind interaction designer, will explain how this is a social issue as well. Openness. Open Source development should be accessible to all. We lose the contributions of many communities when we develop without a mindset of accessibility. Because it can happen to you. Rachel Magario will share her story. Because accessibility is not just a problem for people with a disability. Accessibility affects everyone in the technology that they encounter. What is the current situation? There is widespread lack of awareness and narrow mindset towards accessibility. The speakers will raise participants’ awareness by asking such questions as, “Have you ever noticed that there is no systematic place in buildings to display braille,” and “Did you know that a blind person’s mind works the same way as yours, and that they can still be a visual learner?” The speakers will help participants to be aware of what it’s like to access the web without sight or without an arm. Breakout into stations: Participants will have the opportunity to work blindfolded with a screen reader, google glass and iPhone. What can you do? (Participants remain at stations for hands-on demonstrations.) The presenters will cover best practices, testing, and pitfalls to avoid. They will also share resources posted on github and will encourage participants to use insights from this session to follow the spirit, not just the law, of accessibility.

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

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
www.pcauthority.com.au/News/289739,geek-tech-top-5-gadgets-for-the-kitchen.aspx
3
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. Magario Accessibility Method | #oscon #accessibility 5

6. Magario Accessibility Method | #oscon #accessibility 6

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

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

9. 9

10. Magario Accessibility Method | #oscon #accessibility 10

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
Magario Accessibility Method | #oscon #accessibility 12

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

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

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

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

17. 17
GETTING STARTED
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

18. https://github.com/magario/oscon-workshop/tree/master/
18
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. !
1. Accessibility Is About Dignity
2. Accessibility = Vehicle for Innovation
3. Work accessibility into Process
21
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!