Style Theory Design Talks eps 1

Accessibility and Inclusivity Rifat Najmi 12 June 2020

4,3% of Indonesians live with disabilities. (Australia Indonesia Partnership for Economic Governance - 2010)

(Australia Indonesia Partnership for Economic Governance)

(Australia Indonesia Partnership for Economic Governance)

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

We all will have disabilities eventually, unless we die first. Gregg Vanderheiden

No content

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

Accessibility Governments agree to make it possible for people with disabilities to live independently and participate in their communities. Article 9 of CPRD

Great experiences don’t just happen.

They start with you, your team, and the people you serve.

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 “

No content

Useful & Usable A product serve their functionality. Form follow function

Learnable Or in other word: intuitive

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.

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.

Desirable Not just about function, but aesthetically pleasing

Credible Can be trusted.

Credible Can be trusted.

Accessible Allowed to be use by everyone, including those with disability

Accessibility 1. The qualities that make an experience open to all. 2. A professional discipline aimed at achieving No. 1. Microsoft

Inclusive design A design methodology that enables and draws on the full range of human diversity. Microsoft

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.

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

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

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

No content

No content

No content

What we can do

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.

Don’t use color as the only visual means of conveying information.

Ensure sufficient contrast between text and its background

Use labels or instructions with form fields and inputs

Exercise To increase your awareness

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.

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?

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.

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”

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).

a11y.me a11yproject.com a11yrules.com a11yweekly.com accessibility-developer-guide.com globalaccessibilityawarenessday.org Further reading

Thank you Hope to see you again!