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

2

Accessibility is Dignity “Accessing places and information equally”

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

4

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

Magario Accessibility Method | #oscon #accessibility

5Magario Accessibility Method | #oscon #accessibility

6Magario Accessibility Method | #oscon #accessibility

Accessing A Wordpress Discussion Board

7Magario Accessibility Method | #oscon #accessibility

Magario’s Dignity Gap Model

8Magario Accessibility Method | #oscon #accessibility

9

10Magario Accessibility Method | #oscon #accessibility

“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

Sharing a Contact With VoiceOver

12Magario Accessibility Method | #oscon #accessibility

Magario Accessibility Experience Model

13Magario Accessibility Method | #oscon #accessibility

14

Magario Accessibility Method in Action S . E . E

Satisfaction Effectiveness

Efficiency

Accessibility Testing Tools

15Magario Accessibility Method | #oscon #accessibility

Accessibility Critique - Tendenci

16Magario Accessibility Method | #oscon #accessibility

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

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

OPPORTUNITY

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

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

Magario Accessibility Method | #oscon #accessibility

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!