turning a blind eye to good usability
DESCRIPTION
A SXSW Interactive 2014 panel discussion with Ed Schipul, CEO of Tendenci and Rachel Magario, the Assistive Technology Specialist at Pacer Simon Technology Center that discusses effectively developing and designing the web for accessibility.TRANSCRIPT
![Page 1: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/1.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
IMAGE OF LADY JUSTICE!
1
TURNING A BLIND EYE TO GOOD USABILITY RACHEL MAGARIO @RACHELMAGARIO
ED SCHIPUL @ESCHIPUL
SETH BLUNT
By Scott*: http://www.flickr.com/photos/jsmoorman/2298671281/sizes/l/
![Page 2: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/2.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 2
![Page 3: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/3.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 3
1. Accessibility = Dignity
2. FACE II
3. The Magario Accessibility Experience Method In Action!
LET’S TALK ACCESSIBILITY!
http://www.flickr.com/photos/elzey/12298142876/sizes/o/
![Page 4: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/4.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 4
Rachel Magario Seth Blunt Ed Schipul
@rachelmagario @eschipul @tendenci.com
![Page 5: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/5.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 5
http://www.flickr.com/photos/stubby42/6183073853/sizes/l/
http://www.etsy.com/listing/113967469/funny-japanese-sign-engrish-humor-thank
http://www.flickr.com/photos/9731367@N02/6988181354/sizes/c/
![Page 6: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/6.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
STATE OF THE UNION
6
Every child has a chance at the american dream because we
honor the dignity of hard work
http://www.youtube.com/watch?v=nh9j8s2vivc
![Page 7: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/7.jpg)
What is Accessibility?!
7
Access, to reach, to participate, to perform, to learn
Accessing Places and information equally
![Page 8: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/8.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
MAGARIO’S DIGNITY GAP MODEL!
8
![Page 9: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/9.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
ACCESSIBILITY GETTING BEHIND !
9
![Page 10: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/10.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
OLD VS NEW!
10
http://www.freedomscientific.com/documentation/pacmate/6.5/BX/PACmate-BX400.gif
http://www.nanopac.com/Braille%20Lite%20M40.htm
![Page 11: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/11.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
ACCESSIBILITY GETTING BEHIND !
11
As technology increases.
Replace People with Disability with Accessibility
![Page 12: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/12.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
1. Awkward
2. Inefficient
3. Messy
4. Frustrating!
12
Accessibility is…
![Page 13: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/13.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 13
THINK POSSIBILITY!
![Page 14: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/14.jpg)
Magario Accessibility Experience Method !FACE II!
14
![Page 15: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/15.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
1. Be Functional
2. Be Analytical
3. Be Clear
4. Be Efficient
5. Be Investigative
6. Be Iterative!
15
Magario Accessibility Experience Method !FACE II!
![Page 16: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/16.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
Magario Accessibility Experience Method !FACE II!
1. Be Functional – make it work
2. Be Analytical – apply Task Analysis (verb, verb, and verb)
3. Be Clear – identify the relevant elements
4. Be Efficient – evaluate with user testing
5. Be Investigative – research (stand on the shoulders of others)
6. Be Iterative – take small steps for constant improvement!
16
![Page 17: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/17.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
1. Effectiveness
2. Efficiency
3. Satisfaction!
17
PRINCIPLES OF ACCESSIBILITY!
![Page 18: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/18.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 18
![Page 19: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/19.jpg)
Consult Letter!
Minutes
![Page 20: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/20.jpg)
Current Situation!
• Technology Making The Impossible Possible
• Collaboration Bridging The Divide
• Higher Delivery Expectations!
20
![Page 21: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/21.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
TRY IT OUT!
1. Google Glass
2. One Handed 508 Keyboard
3. iPad with Voiceover
4. iPad with Switch!
21 http://www.flickr.com/photos/lawrencegs/11466377496/sizes/k/
![Page 22: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/22.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
MAGARIO ACCESSIBILITY METHOD IN ACTION!
22 http://www.flickr.com/photos/eschipul/10506205096/sizes/l/
![Page 23: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/23.jpg)
23
Drop Box!
http://www.flickr.com/photos/darkpollo/5194301853/sizes/l/
![Page 24: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/24.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
1. Be Functional
2. Be Analytical
3. Be Clear
4. Be Efficient
5. Be Investigative
6. Be Iterative!
24
Magario Accessibility Experience Method !FACE II!
![Page 25: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/25.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
1. Effectiveness
2. Efficiency
3. Satisfaction!
25
PRINCIPLES OF ACCESSIBILITY!
![Page 26: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/26.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
MAGARIO CERTIFICATION STANDARDS!
26
• Certified
• Bronze
• Silver
• Platinum
![Page 27: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/27.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
TYPE OF TECHNOLOGY USERS!
27
![Page 28: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/28.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
WHO BENEFITS FROM ACCESSIBILITY?!
• EVERYONE
• BLINDNESS;
• MAGNIFICATION USERS;
• LOW VISION AND DEGRADED VISION;
• TEXT TO SPEECH USERS;!
28 http://www.flickr.com/photos/eschipul/11628790473/sizes/o/
![Page 29: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/29.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
WHAT’S IN IT FOR YOU?!
1. A Systematic Approach to Evaluate the Accessibility Experience
2. Happier Users
3. More Business
4. Better SEO
5. Better Usability!
29 http://www.flickr.com/photos/eschipul/8796039562/sizes/l/
![Page 30: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/30.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
CODING & DESIGNING FOR MULTIPLE ABILITIES!
1. Visual
2. Auditory
3. Kinesthetic
4. Mobility
5. Perceptive Abilities!
30 http://www.pcauthority.com.au/News/289739,geek-tech-top-5-gadgets-for-the-kitchen.aspx
![Page 31: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/31.jpg)
One Size Doesn’t Fit All!
• Image of scale like at a doctors office!
31
![Page 32: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/32.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
FIRST STEPS !
32 http://www.flickr.com/photos/eschipul/10506221076/sizes/l/
![Page 33: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/33.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
QUESTIONS? !
33 http://www.flickr.com/photos/eschipul/12962386025/sizes/o/
![Page 34: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/34.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 34
![Page 35: Turning a Blind Eye to Good Usability](https://reader033.vdocument.in/reader033/viewer/2022052821/55495550b4c90566498b4fa7/html5/thumbnails/35.jpg)
The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario
THANK YOU!!
• Special Thanks To:
• Jonathan Campbell www.loveittobits.com
• Cozette Kosary
• Austin Swick !
35
RACHEL MAGARIO @RACHELMAGARIO
ED SCHIPUL @ESCHIPUL @TENDENCI
SETH BLUNT