make your 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, 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.TRANSCRIPT
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
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!