Accessibility & Inclusive Design

Transcript

1. Style Theory Design Talks eps 1
2. Accessibility and Inclusivity Rifat Najmi 12 June 2020
3. 4,3% of Indonesians live with disabilities. (Australia Indonesia Partnership for Economic Governance - 2010)
4. (Australia Indonesia Partnership for Economic Governance)
5. (Australia Indonesia Partnership for Economic Governance)
6. I have no legs, But I still have feelings, I cannot see, But I think all the time, Although I’m deaf, I still want to communicate, Why do people see me as useless, thoughtless, talkless, When I am as capable as any, For thoughts about our world Coralie Severs, 14, United Kingdom
7. We all will have disabilities eventually, unless we die first. Gregg Vanderheiden
9. CRPD* General Principle • Respect for everyone’s inherent dignity, freedom to make their own choices and independence. • Non-discrimination (treating everyone fairly). • Full participation and inclusion in society (being included in your community). • Respect for differences and accepting people with disabilities as part of human diversity. • Equal opportunity. • Accessibility (having access to transportation, places and information, and not being refused access because you have a disability). • Equality between men and women (having the same opportunities whether you are a girl or a boy). • Respect for the evolving capacity of children with disabilities and their right to preserve their identity (being respected for your abilities and proud of who you are). * The Convention on the Rights of Persons with Disabilities
10. Accessibility Governments agree to make it possible for people with disabilities to live independently and participate in their communities. Article 9 of CPRD
11. Great experiences don’t just happen.
12. They start with you, your team, and the people you serve.
13. What is UX? User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products. “ -- Norman Nielsen Group “
15. Useful & Usable A product serve their functionality. Form follow function
16. Learnable Or in other word: intuitive
17. Valuable Since 1953 Designed by Oscar Lundin & Sune Sjoberg and is still made by Linden Sweden A product value might be that it solves a problem.
18. Valuable Since 1953 Now Designed by Oscar Lundin & Sune Sjoberg and is still made by Linden Sweden OXO Good Grips Pro Swivel Peeler. A product value might be that it solves a problem.
19. Desirable Not just about function, but aesthetically pleasing
20. Credible Can be trusted.
21. Credible Can be trusted.
22. Accessible Allowed to be use by everyone, including those with disability
23. Accessibility 1. The qualities that make an experience open to all. 2. A professional discipline aimed at achieving No. 1. Microsoft
24. Inclusive design A design methodology that enables and draws on the full range of human diversity. Microsoft
25. Microsoft’s Inclusivity Principles Recognise exclusion Learn from human diversity Solve for one, extend to many Exclusion happens when we solve problems using our own biases. Seek out exclusions as opportunities to create new ideas and inclusive designs. Human beings are the real experts in adapting to diversity. Inclusive design puts people at the center from the very start of the process, and those fresh, diverse perspectives are the key to true insight. Everyone has abilities, and limits to those abilities. Designing for people with disabilities actually results in designs that benefit people, universally. Constraints are a beautiful thing.
26. Autocomplete Autocomplete widgets can be helpful for accessibility because they can make it easier to enter text by providing suggestions based on the characters initially typed. This particularly helps people who find typing more difficult and people who may be susceptible to spelling mistakes. Digital Accessibility at Harvard
27. Autocomplete Autocomplete widgets can be helpful for accessibility because they can make it easier to enter text by providing suggestions based on the characters initially typed. This particularly helps people who find typing more difficult and people who may be susceptible to spelling mistakes. Digital Accessibility at Harvard
28. Autocomplete Autocomplete widgets can be helpful for accessibility because they can make it easier to enter text by providing suggestions based on the characters initially typed. This particularly helps people who find typing more difficult and people who may be susceptible to spelling mistakes. Digital Accessibility at Harvard Permanent 26K Temporary 13M Situational 8M
32. What we can do
33. WCAG The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the Internet.
34. Don’t use color as the only visual means of conveying information.
35. Ensure sufficient contrast between text and its background
36. Use labels or instructions with form fields and inputs
37. Exercise To increase your awareness
38. Go Mouseless for an Hour Only use your keyboard alone (tab/shift tab, arrow keys, enter, and spacebar) to navigate and interact with your favorite websites and applications.
39. Enlarge Your Fonts Check that your page(s) is accessible and usable for low vision/visually impaired users. Have all elements resized, including all widgets?
40. Check for Sufficient Color Contrast An often forgotten but important accessibility item is making sure that a page has sufficient color contrast. Use any browser extensions to simulate color blindness.
41. Check Order of Elements Check your page(s) to make sure elements will be read by screen readers in the correct order. To check this, disable the stylesheets and compare the order. Google: “disable css in browser”
42. Surf the Web With a Screen Reader for an Hour Launch your screen reader, and spend an hour using some of your favorite sites strictly using the keyboard alone (tab/shift tab, arrow keys, enter, and spacebar).
43. a11y.me a11yproject.com a11yrules.com a11yweekly.com accessibility-developer-guide.com globalaccessibilityawarenessday.org Further reading
44. Thank you Hope to see you again!