Crafting experiences, aiming at including everyone; regardless of their impairments, cultural backgrounds or environments. This talk discusses inclusive design, including localisation and environmental design factors, as well as impairments.

1. Accessibility
Elizabeth Chesters
@EChesters | UX Specialist, Mendeley
@EChesters

2. Accessibility
Elizabeth Chesters
@EChesters | UX Specialist, Mendeley
@EChesters

3. Accessibility
Inclusive Design
Elizabeth Chesters
@EChesters | UX Specialist, Mendeley

4. Currently a UX Specialist
Championing accessibility on
design team
Former life as a developer
Intern/Grad at ThoughtWorks
working globally on accessibility

5. Inclusive Design
What is it?
Crafting experiences, aiming at
including everyone; regardless of their
impairments, cultural backgrounds or
environments.
@EChesters

6. Find the message

7. Four Elements of Inclusive Design
Impairments
Catering for people’s impairments like a
limited attention span or visual
impairments

8. What do these icons mean?

9. Four Elements of Inclusive Design
Impairments Culture
Catering for people’s impairments like a
limited attention span or visual
impairments
Providing consistency with what our
audience considers to be normal, like data
formats and language

10. Call me… while we’re driving...

11. Four Elements of Inclusive Design
Impairments Culture
Catering for people’s impairments like a
limited attention span or visual
impairments
Providing consistency with what our
audience considers to be normal, like data
formats and language
Situational
Offering solutions to people in different
situations and places like on the Tube or
abroad

12. Speak to Alexa with laryngitis...

13. Four Elements of Inclusive Design
Impairments Culture
Catering for people’s impairments like a
limited attention span or visual
impairments
Providing consistency with what our
audience considers to be normal, like data
formats and language
Situational
Offering solutions to people in different
situations and places like on the Tube, or
abroad
Temporary
Providing affordances to those with
temporary illnesses like loss of sight after
an eye test

14. Approaching Inclusive Design

15. Integrate as early as
possible
Outsource where
necessary
Get team buy in
Prioritise knowledge
sharing

16. How to sell inclusive design
Speak the business language
Improved product for everyone
Bigger audience with more spending
It’s the right thing to do.
Over 11 million people with a disability living
in the UK
Their spending power is in excess of
£100bn
Over 300 languages are spoken in London
schools alone
Only 13% of Europe speaks English as a first
language

17. How not to sell inclusive design
Laws are the first thing which make people
defensive
Don’t become the ‘accessibility police’
Don’t do it just out of self-interest
“It’s a legal requirement, we have to make it
accessible.”
“I’m not done with you yet.”

18. Crafting inclusivity
Quality Assurance
UX UI
Holistically test the end product, to ensure UX,
UI and development meet requirements
Experiences considering the abnormal normal
situations
Aesthetics ensuring visibility and meaning
Development
Code tailored to help assistive technologies

19. User Experience
Understanding limitations Variety of resources
Readability levels Alternative routes Simple mental models
Accommodating forms

20. Mobile Travel App
Cultural
● Tourists/diverse populations may not
understand the native language
Permanent
● Information needs to be delivered via audio
and text for visual and hearing impaired
Situational
● Audio information, like being told where to
alight, may not be heard in noisy
environments
Temporary
● Passengers with suitcases may struggle to
use their phone on the go when checking
directions

21. Academic Note-Taking Software
Cultural
● Academia is largely in English, but non-native
English speakers note-take in their own
language
Permanent
● Screen readers need to read user generated
content, which may include figures and
multiple languages
Situational
● Academics work in-field, labs, commuting
between universities and institutions which
are unfamiliar and unpredictable
Temporary
● Deadlines can increase the pressure and
cause tunnel vision and limit thinking

22. Design to be flexible
Users have their workarounds
Building for every possible situation is impossible
Designs and systems need to be flexible to handle
different needs and assistive technologies
Dyslexics override fonts in browsers
Users translate websites and content into the
language they understand
Users need to be able to zoom in to websites to
enlarge content

23. User Interface
Test premade palettes yourself - visibility
and meaning
Test branding under high contrast and
outside
Use two indicators - colour and pattern
Style, define and differentiate state and
location
What do aesthetics need to
consider

25. Development
Specific methods and packages tailored for
accessibility
ARIA for site elements for what should be
hidden or used for screen readers
Good attitude towards code reflects a good
experience
Don’t hardcode values or use absolute
values
What does code need to consider?

26. Quality Assurance

27. Desk Testing
Connection throttling
Screen reader
Readability
Website checkers
Simulating impairments and situations
Chrome developer tools
Voice Over & Fangs (Firefox)
Hemingway & The Readability test tool
WAVE
Keyboard/Mouse only/Mute laptop

28. Usability Testing
Recruit people from different backgrounds
Test with different kinds of impairments
Ensure where you test is accessible
Be more direct when testing with
non-natives
Take to someone and adapt your tasks to
increase emotional investment

29. Continuous Testing
No testing is a one time thing
Usability testing should include people with accessible needs
Test product under different circumstances
Continuous testing tools
Automated accessibility testing

30. Why Inclusive Design?

31. What it means to
people
Empowering
Independence
Equal Opportunities

32. TechVision

33. TechVision
Shivaje Londhe

34. To take away...
Inclusive design caters for culture, environment, permanent and temporary
impairments
Integrate as early as possible - Business - UX - Design - Dev - QA
Share everything you learn with everyone
Building it into a product needs to be in the business mindset
Responsibility of experience comes from the whole team
Methods to build it, personas to craft for, aesthetics to design with

35. Anyone.
Anywhere.
Anytime.

36. Thank you!
Obrigado
Gracias
Shukria
Tack
Mulțumesc
Dziękuje
Xie xie
Shokran
Dankeschön
Stay in touch!
@EChesters