Accessibility in UX
Fiora YAN
Overview
01
What is
accessibility?
02
How to make
our designs
accessible?
2.1
User Research
2.2
Design Principles
2.3
Usability Testing
01
What is
accessibility?
The Definition
Image 1: Example of permanent, temporary and
situational disability (From Microsoft’s inclusive
design toolkit, 2016, p.42)
02
How to make our
designs accessible?
02 How to make our designs accessible?
2.1
Accessible in User Research
2.2
Accessible in Design Principles
2.3
Accessible in Usability Testing
2.1 User Research - Personas
For Simona who have been
diagnosed with dyslexia, we can
get the ideas like:
⚫
⚫
⚫
⚫
⚫
use images and diagrams to
support text
align text to the left and
keep a consistent layout
consider producing materials
in other formats
keep content short, clear and
simple
let users change the contrast
between background and
text
Image2: Example of personas with
disabilities (From Vaidya, 2020)
2.2 Design Principles
Perceivable: Can the content be consumed in different
ways?
Operable: Can it function without confusion and
without the use of a mouse or complex interactions?
Understandable: Can a user understand how the user
interface of the site functions and the information on
the site?
Robust: Can different assistive devices understand the
website?
2.2 Design Principles
Perceivable information and user interface
•
Text alternatives for non-text content
•
Captions and other alternatives for multimedia
•
Content can be presented in different ways
•
Content is easier to see and hear
Operable user interface and navigation
•
Functionality is available from a keyboard
•
Users have enough time to read and use the content
•
Content does not cause seizures and physical reactions
•
Users can easily navigate, find content, and determine where they are
•
Users can use different input modalities beyond keyboard
Understandable information and user interface
•
Text is readable and understandable
•
Content appears and operates in predictable ways
•
Users are helped to avoid and correct mistakes
Robust content and reliable interpretation
•
Content is compatible with current and future user tools
2.2 Design Principles – Useful Links
Web Content Accessibility Guidelines (WCAG) 2.1
https://www.w3.org/TR/WCAG21/
A quick reference for How to Meet WCAG
https://www.w3.org/WAI/WCAG21/quickref/
2.3 Accessibility Testing
Accessibility Testing can be performed in two ways:
• Manual
• Automated
2.3 Accessibility Testing – Useful Link
Web Accessibility Evaluation Tools List
https://www.w3.org/WAI/ER/tools/
Referances
Inclusive Microsoft Design. (2016). Inclusive toolkit. Microsoft Design.
https://www.microsoft.com/design/inclusive/
Mortensen, D. H. (2020, November 23). User research: what it is and why you should do it.
Interaction Design Foundation. https://www.interaction-design.org/literature/article/userresearch-what-it-is-and-why-you-should-do-it
Bowles, C. & Box, J. (2010). Undercover user experience design. New Riders Publishing.
Vaidya, M. (2020, August 24). Accessibility: 4 easy-to-follow methods for everyone.
https://uxplanet.org/accessibility-4-easy-to-follow-methods-5236146c5cc6
Krishan, K. (2019, July 11). Accessibility in UX: The case for radical empathy.
https://zeuxinnovation.com/articles/accessibility-ux/
W3C. (2019, May 10). Accessibility principles. Retrieved May 21, 2021, from
https://www.w3.org/WAI/fundamentals/accessibility-principles/#standards
W3C. (2019, October 4). How to meet WCAG (quick reference). Retrieved May 21, 2021, from
https://www.w3.org/WAI/WCAG21/quickref/
UsableNet. (2020, July 14). Quick guide to manual accessibility testing and why it’s important.
https://blog.usablenet.com/quick-guide-to-manual-accessibility-testing-and-why-its-important
W3C. (2016). Web accessibility evaluation tools list. Retrieved May 21, 2021, from
https://www.w3.org/WAI/ER/tools/
Thanks
For further contact
Fiora.Yan@outlook.com
CREDITS: This presentation template was created by
Slidesgo, including icons by Flaticon, and
infographics & images by Freepik