35
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/

Turning a Blind Eye to Good Usability

Embed Size (px)

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.

Citation preview

Page 1: Turning a Blind Eye to Good Usability

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

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 2

Page 3: Turning a Blind Eye to Good Usability

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

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

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

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

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

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

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

ACCESSIBILITY GETTING BEHIND !

9

Page 10: Turning a Blind Eye to Good Usability

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

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

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

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 13

THINK POSSIBILITY!

Page 14: Turning a Blind Eye to Good Usability

Magario Accessibility Experience Method !FACE II!

14

Page 15: Turning a Blind Eye to Good Usability

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

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

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

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 18

Page 19: Turning a Blind Eye to Good Usability

Consult Letter!

Minutes

Page 20: Turning a Blind Eye to Good Usability

Current Situation!

•  Technology Making The Impossible Possible

•  Collaboration Bridging The Divide

•  Higher Delivery Expectations!

20

Page 21: Turning a Blind Eye to Good Usability

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

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

23

Drop Box!

http://www.flickr.com/photos/darkpollo/5194301853/sizes/l/

Page 24: Turning a Blind Eye to Good Usability

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

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

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

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario

TYPE OF TECHNOLOGY USERS!

27

Page 28: Turning a Blind Eye to Good Usability

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

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

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

One Size Doesn’t Fit All!

•  Image of scale like at a doctors office!

31

Page 32: Turning a Blind Eye to Good Usability

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

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

The Magario Accessibility Experience Method @rachelmagario https://github.com/rmagario 34

Page 35: Turning a Blind Eye to Good Usability

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