Make your Open Source More Open – Conquering the Accessibility Challenge

22
1 Photo 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

description

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

Transcript of Make your Open Source More Open – Conquering the Accessibility Challenge

Page 1: Make your Open Source More Open – Conquering the Accessibility Challenge

1Photo By Scott: https://www.flickr.com/photos/jsmoorman/2298671281

Rachel Magario | @rachelmagarioEd Schipul | @eschipul | @tendenci

Becky Leven | @beckyleven | @tendenci#oscon #accessibility

Making Open Source More Open Conquering the Accessibility Challenge

Page 2: Make your Open Source More Open – Conquering the Accessibility Challenge

2

Accessibility is Dignity “Accessing places and information equally”

Page 3: Make your Open Source More Open – Conquering the Accessibility Challenge

Coding and Designing For Multiple End Users

1.Visual2.Auditory3.Kinesthetic4.Mobility5.Perceptive Abilities

3

www.pcauthority.com.au/News/289739,geek-tech-top-5-gadgets-for-the-kitchen.aspx

Magario Accessibility Method | #oscon #accessibility

Page 4: Make your Open Source More Open – Conquering the Accessibility Challenge

4

Let’s Talk Accessibility !1. Accessibility is Dignity 2. Accessibility = Vehicle for Innovation 3. Work accessibility into Process

Magario Accessibility Method | #oscon #accessibility

Page 5: Make your Open Source More Open – Conquering the Accessibility Challenge

5Magario Accessibility Method | #oscon #accessibility

Page 6: Make your Open Source More Open – Conquering the Accessibility Challenge

6Magario Accessibility Method | #oscon #accessibility

Page 7: Make your Open Source More Open – Conquering the Accessibility Challenge

Accessing A Wordpress Discussion Board

7Magario Accessibility Method | #oscon #accessibility

Page 8: Make your Open Source More Open – Conquering the Accessibility Challenge

Magario’s Dignity Gap Model

8Magario Accessibility Method | #oscon #accessibility

Page 9: Make your Open Source More Open – Conquering the Accessibility Challenge

9

Page 10: Make your Open Source More Open – Conquering the Accessibility Challenge

10Magario Accessibility Method | #oscon #accessibility

Page 11: Make your Open Source More Open – Conquering the Accessibility Challenge

“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

Page 12: Make your Open Source More Open – Conquering the Accessibility Challenge

Sharing a Contact With VoiceOver

12Magario Accessibility Method | #oscon #accessibility

Page 13: Make your Open Source More Open – Conquering the Accessibility Challenge

Magario Accessibility Experience Model

13Magario Accessibility Method | #oscon #accessibility

Page 14: Make your Open Source More Open – Conquering the Accessibility Challenge

14

Magario Accessibility Method in Action S . E . E

Satisfaction Effectiveness

Efficiency

Page 15: Make your Open Source More Open – Conquering the Accessibility Challenge

Accessibility Testing Tools

15Magario Accessibility Method | #oscon #accessibility

Page 16: Make your Open Source More Open – Conquering the Accessibility Challenge

Accessibility Critique - Tendenci

16Magario Accessibility Method | #oscon #accessibility

Page 17: Make your Open Source More Open – Conquering the Accessibility Challenge

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

Page 18: Make your Open Source More Open – Conquering the Accessibility Challenge

18

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

Page 19: Make your Open Source More Open – Conquering the Accessibility Challenge

OPPORTUNITY

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

Page 20: Make your Open Source More Open – Conquering the Accessibility Challenge

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

Page 21: Make your Open Source More Open – Conquering the Accessibility Challenge

21

!1. Accessibility Is About Dignity 2. Accessibility = Vehicle for Innovation 3. Work accessibility into Process

Magario Accessibility Method | #oscon #accessibility

Page 22: Make your Open Source More Open – Conquering the Accessibility Challenge

22

WE JUST WANT TOCHANGE THE WORLD

AS WE KNOW IT.AND WE WILL.

Ed SchipulSite: 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!