Making Open Source More Open 
Conquering the Accessibility Challenge 
Rachel Magario | @rachelmagario 
Ed Schipul | @eschi...
2 
Accessibility is Dignity 
“Accessing places and information equally”
Coding and Designing 
For Multiple End Users 
1.Visual 
2.Auditory 
3.Kinesthetic 
4.Mobility 
5.Perceptive Abilities 
www...
4 
Let’s Talk Accessibility 
! 
1. Accessibility is Dignity 
2. Accessibility = Vehicle for Innovation 
3. Work accessibil...
Magario Accessibility Method | #oscon #accessibility 5
Magario Accessibility Method | #oscon #accessibility 6
Accessing A Wordpress Discussion Board 
Magario Accessibility Method | #oscon #accessibility 7
Magario’s Dignity Gap Model 
Magario Accessibility Method | #oscon #accessibility 8
9
Magario Accessibility Method | #oscon #accessibility 10
“Cost-benefit ratio for 
usability is $1:$10-$100” 
“Once a system is in development, 
correcting a problem costs 10 times...
Sharing a Contact With VoiceOver 
Magario Accessibility Method | #oscon #accessibility 12
Magario Accessibility Experience Model 
Magario Accessibility Method | #oscon #accessibility 13
14 
Magario Accessibility Method in Action 
S . E . E 
Satisfaction 
Effectiveness 
Efficiency
Accessibility Testing Tools 
Magario Accessibility Method | #oscon #accessibility 15
Accessibility Critique - Tendenci 
Magario Accessibility Method | #oscon #accessibility 16
17 
GETTING STARTED 
1.Create a persona for your site/ 
project and use the what if method 
to assess 
2.Youtube embedded ...
https://github.com/magario/oscon-workshop/tree/master/ 
18 
assets/themes/tendenci/imgs
OPPORTUNITY 
19 
Popular Science Magazine, July 2014 
! 
http://www.popsci.com/
Popular Science Magazine, July 2014 
! 
http://www.popsci.com/article/gadgets/wearable-tech-gets-makeover 20
! 
1. Accessibility Is About Dignity 
2. Accessibility = Vehicle for Innovation 
3. Work accessibility into Process 
21 
M...
22 
WE JUST WANT TO 
CHANGE THE WORLD 
AS WE KNOW IT. 
AND WE WILL. 
Ed Schipul 
Site: tendenci.com 
Github: https://githu...
Upcoming SlideShare
Loading in …5
×

Make your Open Source More Open – Conquering the Accessibility Challenge

678 views

Published on

“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.

Published in: Software
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
678
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Make your Open Source More Open – Conquering the Accessibility Challenge

  1. 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. 2 Accessibility is Dignity “Accessing places and information equally”
  3. 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. 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. 5. Magario Accessibility Method | #oscon #accessibility 5
  6. 6. Magario Accessibility Method | #oscon #accessibility 6
  7. 7. Accessing A Wordpress Discussion Board Magario Accessibility Method | #oscon #accessibility 7
  8. 8. Magario’s Dignity Gap Model Magario Accessibility Method | #oscon #accessibility 8
  9. 9. 9
  10. 10. Magario Accessibility Method | #oscon #accessibility 10
  11. 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. 12. Sharing a Contact With VoiceOver Magario Accessibility Method | #oscon #accessibility 12
  13. 13. Magario Accessibility Experience Model Magario Accessibility Method | #oscon #accessibility 13
  14. 14. 14 Magario Accessibility Method in Action S . E . E Satisfaction Effectiveness Efficiency
  15. 15. Accessibility Testing Tools Magario Accessibility Method | #oscon #accessibility 15
  16. 16. Accessibility Critique - Tendenci Magario Accessibility Method | #oscon #accessibility 16
  17. 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. 18. https://github.com/magario/oscon-workshop/tree/master/ 18 assets/themes/tendenci/imgs
  19. 19. OPPORTUNITY 19 Popular Science Magazine, July 2014 ! http://www.popsci.com/
  20. 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 21 Magario Accessibility Method | #oscon #accessibility
  22. 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!

×