Your SlideShare is downloading. ×

Accessible Design

199

Published on

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.

Published in: Internet
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
199
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Accessible Design Srinivasu Chakravarthula
  • 2. 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
  • 3. Who am I? • Sr. Accessibility Lead @PayPal • Accessibility Enthusiasts • Web dev enthusiast • Speaker
  • 4. What’s Accessibility? • A practice to build products that work for everyone
  • 5. Who does it benefit? • People with disabilities • Elderly • Users having temporary disability • Low Band width users • Technologies such as Search Engines • Mobile users
  • 6. 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?
  • 7. 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
  • 8. Tips for Designers • Color contrast • Font • Interaction • Style sheet
  • 9. Tips for Developers • Code clean • Remember basics • Think of everyone • Use of semantics • Leverage on standards and techniques
  • 10. Accessibility Testing • WAVE (http://wave.webaim.org) • Color Contrast Analyzer • User testing: – Screen reader – Screen magnifier – No mouse – No sound
  • 11. Conclusion • Plan • Analyze • Design • Build • Test • Deliver an inclusive product!
  • 12. THANK YOU Srinivasu.c@sgaccessibility.com On Twitter: @Csrinivasu

×