Accessible Design
Upcoming SlideShare
Loading in...5
×
 

Accessible Design

on

  • 198 views

Presented during Design Days meet up at Microsoft Research on 19th July 2014. Full text will be followed soon.

Presented during Design Days meet up at Microsoft Research on 19th July 2014. Full text will be followed soon.

Statistics

Views

Total Views
198
Views on SlideShare
178
Embed Views
20

Actions

Likes
0
Downloads
1
Comments
0

1 Embed 20

http://srinivasu.org 20

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Accessible Design Accessible Design Presentation Transcript

  • Accessible Design Srinivasu Chakravarthula
  • We talk about… • Who am I? • What is Accessibility? • Who does it benefit? • Why should at Design stage? • Common problems of accessibility • Accessibility standards • Tips for designers • Tips for developers • Accessibility Testing • Conclusion
  • Who am I? • Sr. Accessibility Lead @PayPal • Accessibility Enthusiasts • Web dev enthusiast • Speaker
  • What’s Accessibility? • A practice to build products that work for everyone
  • Who does it benefit? • People with disabilities • Elderly • Users having temporary disability • Low Band width users • Technologies such as Search Engines • Mobile users
  • Common accessibility problems • What’s that image? • O, both are green, what to choose? • What to fill in this form? • O – where am I? • Oops. How can I use it with my keyboard?
  • Accessibility Standards • Web Content Accessibility Guidelines • Section 508 Refresh (US) • European Accessibility Act 2012 • Guidelines for Indian Government Websites • Article 9 of UN Convention of Persons with Disabilities
  • Tips for Designers • Color contrast • Font • Interaction • Style sheet
  • Tips for Developers • Code clean • Remember basics • Think of everyone • Use of semantics • Leverage on standards and techniques
  • Accessibility Testing • WAVE (http://wave.webaim.org) • Color Contrast Analyzer • User testing: – Screen reader – Screen magnifier – No mouse – No sound
  • Conclusion • Plan • Analyze • Design • Build • Test • Deliver an inclusive product!
  • THANK YOU Srinivasu.c@sgaccessibility.com On Twitter: @Csrinivasu