Accessibility & Inclusive Design

Accessibility & Inclusive Design

3fbd987f2b4b4a8538038c649409d7be?s=128

Rifat Najmi

June 12, 2020
Tweet

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
  8. None
  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 “
  14. None
  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
  29. None
  30. None
  31. None
  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!