SlideShare a Scribd company logo
1 of 12
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

More Related Content

Similar to Accessible Design

Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and design
Kevin Picalausa
 
Colorblindness and design
Colorblindness and design Colorblindness and design
Colorblindness and design
kaikikazuki
 
Mobile Accessibility - Kath Moonan, Vodafone
Mobile Accessibility - Kath Moonan, VodafoneMobile Accessibility - Kath Moonan, Vodafone
Mobile Accessibility - Kath Moonan, Vodafone
City University London
 

Similar to Accessible Design (20)

Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
 
01-Introduction to HCI.pptx
01-Introduction to HCI.pptx01-Introduction to HCI.pptx
01-Introduction to HCI.pptx
 
Infinite scrolling and infinite problems
Infinite scrolling and infinite problemsInfinite scrolling and infinite problems
Infinite scrolling and infinite problems
 
Encouraging Accessibility
Encouraging AccessibilityEncouraging Accessibility
Encouraging Accessibility
 
Accessibility for Web
Accessibility for WebAccessibility for Web
Accessibility for Web
 
Accessibility & Inclusive Design to Enable Success
Accessibility & Inclusive Design to Enable Success Accessibility & Inclusive Design to Enable Success
Accessibility & Inclusive Design to Enable Success
 
Android Design Patterns
Android Design PatternsAndroid Design Patterns
Android Design Patterns
 
Preliminary 2003 format
Preliminary 2003 formatPreliminary 2003 format
Preliminary 2003 format
 
DesignWithEmpathy_Introduction
DesignWithEmpathy_IntroductionDesignWithEmpathy_Introduction
DesignWithEmpathy_Introduction
 
Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and design
 
eLearning and Networking Technologies to Mimic the In-Person Experience
eLearning and Networking Technologies to Mimic the In-Person ExperienceeLearning and Networking Technologies to Mimic the In-Person Experience
eLearning and Networking Technologies to Mimic the In-Person Experience
 
What is user experience and why does it matter
What is user experience and why does it matterWhat is user experience and why does it matter
What is user experience and why does it matter
 
Colorblindness and design
Colorblindness and design Colorblindness and design
Colorblindness and design
 
Rich Holdsworth @Didlr Presentation
Rich Holdsworth @Didlr PresentationRich Holdsworth @Didlr Presentation
Rich Holdsworth @Didlr Presentation
 
UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Mobile Accessibility - Kath Moonan, Vodafone
Mobile Accessibility - Kath Moonan, VodafoneMobile Accessibility - Kath Moonan, Vodafone
Mobile Accessibility - Kath Moonan, Vodafone
 
Design for all. Lecture 1
Design for all. Lecture 1Design for all. Lecture 1
Design for all. Lecture 1
 
Accessibility Isn’t Enough - Designing Digital Properties to be Usable and Ac...
Accessibility Isn’t Enough - Designing Digital Properties to be Usable and Ac...Accessibility Isn’t Enough - Designing Digital Properties to be Usable and Ac...
Accessibility Isn’t Enough - Designing Digital Properties to be Usable and Ac...
 

More from Srinivasu Chakravarthula

Accessibility update since beginning of 2016
Accessibility update since beginning of 2016Accessibility update since beginning of 2016
Accessibility update since beginning of 2016
Srinivasu Chakravarthula
 
Introduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAGIntroduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAG
Srinivasu Chakravarthula
 

More from Srinivasu Chakravarthula (13)

Accessibility - a game changer
Accessibility - a game changerAccessibility - a game changer
Accessibility - a game changer
 
Accessible payments
Accessible paymentsAccessible payments
Accessible payments
 
Understanding wcag 2.0
Understanding wcag 2.0Understanding wcag 2.0
Understanding wcag 2.0
 
Digital Accessibility - what can you do_
Digital Accessibility - what can you do_Digital Accessibility - what can you do_
Digital Accessibility - what can you do_
 
Impact-Of-Inclusive-Design-UXI2016
Impact-Of-Inclusive-Design-UXI2016Impact-Of-Inclusive-Design-UXI2016
Impact-Of-Inclusive-Design-UXI2016
 
Accessibility update since beginning of 2016
Accessibility update since beginning of 2016Accessibility update since beginning of 2016
Accessibility update since beginning of 2016
 
Enterprise Level Tools and solutions for Accessibility - WorldSpace, Amaze an...
Enterprise Level Tools and solutions for Accessibility - WorldSpace, Amaze an...Enterprise Level Tools and solutions for Accessibility - WorldSpace, Amaze an...
Enterprise Level Tools and solutions for Accessibility - WorldSpace, Amaze an...
 
Creating Accessible Forms
Creating Accessible FormsCreating Accessible Forms
Creating Accessible Forms
 
StartUpSaturday_Deque
StartUpSaturday_DequeStartUpSaturday_Deque
StartUpSaturday_Deque
 
Accessibility testing technology, human touch and value
Accessibility testing technology, human touch and value Accessibility testing technology, human touch and value
Accessibility testing technology, human touch and value
 
Need For Web Accessibility Final
Need For Web Accessibility FinalNeed For Web Accessibility Final
Need For Web Accessibility Final
 
Introduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAGIntroduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAG
 
Introduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAGIntroduction to Web Accessibility and WCAG
Introduction to Web Accessibility and WCAG
 

Recently uploaded

Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Monica Sydney
 
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
gajnagarg
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
ydyuyu
 
Abu Dhabi Escorts Service 0508644382 Escorts in Abu Dhabi
Abu Dhabi Escorts Service 0508644382 Escorts in Abu DhabiAbu Dhabi Escorts Service 0508644382 Escorts in Abu Dhabi
Abu Dhabi Escorts Service 0508644382 Escorts in Abu Dhabi
Monica Sydney
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
ydyuyu
 
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girlsRussian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Monica Sydney
 

Recently uploaded (20)

Vip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac Room
Vip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac RoomVip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac Room
Vip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac Room
 
Best SEO Services Company in Dallas | Best SEO Agency Dallas
Best SEO Services Company in Dallas | Best SEO Agency DallasBest SEO Services Company in Dallas | Best SEO Agency Dallas
Best SEO Services Company in Dallas | Best SEO Agency Dallas
 
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
APNIC Policy Roundup, presented by Sunny Chendi at the 5th ICANN APAC-TWNIC E...
 
"Boost Your Digital Presence: Partner with a Leading SEO Agency"
"Boost Your Digital Presence: Partner with a Leading SEO Agency""Boost Your Digital Presence: Partner with a Leading SEO Agency"
"Boost Your Digital Presence: Partner with a Leading SEO Agency"
 
Nagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime Nagercoil
Nagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime NagercoilNagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime Nagercoil
Nagercoil Escorts Service Girl ^ 9332606886, WhatsApp Anytime Nagercoil
 
20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf
 
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
 
Local Call Girls in Seoni 9332606886 HOT & SEXY Models beautiful and charmin...
Local Call Girls in Seoni  9332606886 HOT & SEXY Models beautiful and charmin...Local Call Girls in Seoni  9332606886 HOT & SEXY Models beautiful and charmin...
Local Call Girls in Seoni 9332606886 HOT & SEXY Models beautiful and charmin...
 
APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53
 
Meaning of On page SEO & its process in detail.
Meaning of On page SEO & its process in detail.Meaning of On page SEO & its process in detail.
Meaning of On page SEO & its process in detail.
 
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
 
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
 
Abu Dhabi Escorts Service 0508644382 Escorts in Abu Dhabi
Abu Dhabi Escorts Service 0508644382 Escorts in Abu DhabiAbu Dhabi Escorts Service 0508644382 Escorts in Abu Dhabi
Abu Dhabi Escorts Service 0508644382 Escorts in Abu Dhabi
 
Call girls Service in Ajman 0505086370 Ajman call girls
Call girls Service in Ajman 0505086370 Ajman call girlsCall girls Service in Ajman 0505086370 Ajman call girls
Call girls Service in Ajman 0505086370 Ajman call girls
 
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
 
Mira Road Housewife Call Girls 07506202331, Nalasopara Call Girls
Mira Road Housewife Call Girls 07506202331, Nalasopara Call GirlsMira Road Housewife Call Girls 07506202331, Nalasopara Call Girls
Mira Road Housewife Call Girls 07506202331, Nalasopara Call Girls
 
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查在线制作约克大学毕业证(yu毕业证)在读证明认证可查
在线制作约克大学毕业证(yu毕业证)在读证明认证可查
 
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girlsRussian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
Russian Call girls in Abu Dhabi 0508644382 Abu Dhabi Call girls
 
Story Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
Story Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrStory Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
Story Board.pptxrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
 

Accessible Design