A Practical Guide to Accessible User Experience (AUX)
-
Upload
uxpa-uk -
Category
Technology
-
view
144 -
download
3
description
Transcript of A Practical Guide to Accessible User Experience (AUX)
![Page 1: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/1.jpg)
LJWatson.co.uk @LeonieWatson 1
A practical guide to Accessible User Experience (AUX)
Léonie Watson
![Page 2: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/2.jpg)
LJWatson.co.uk @LeonieWatson 2
WHAT IS AUX?
![Page 3: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/3.jpg)
LJWatson.co.uk @LeonieWatson 3
Accessibility is UX magnified
• One person's challenge is another person's barrier
![Page 4: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/4.jpg)
LJWatson.co.uk @LeonieWatson 4
UX is accessibility everywhere
• Usability• Creativity• Technology
![Page 5: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/5.jpg)
LJWatson.co.uk @LeonieWatson 5
WHERE DOES AUX HAPPEN?
![Page 6: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/6.jpg)
LJWatson.co.uk @LeonieWatson 6
With the device
• Desktop or laptop• Smartphone or tablet• Hybrid
![Page 7: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/7.jpg)
LJWatson.co.uk @LeonieWatson 7
With the OS
• Windows, OSX or Linux• iOS, Android or Windows Phone
![Page 8: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/8.jpg)
LJWatson.co.uk @LeonieWatson 8
With the browser
• Firefox, Chrome, Internet Explorer or Safari
![Page 9: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/9.jpg)
LJWatson.co.uk @LeonieWatson 9
With assistive technology
• Screen readers• Screen magnifiers• Speech recognition tools• Alternative input devices
![Page 10: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/10.jpg)
LJWatson.co.uk @LeonieWatson 10
With people
• We come in many different shapes and sizes, with different capabilities
![Page 11: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/11.jpg)
LJWatson.co.uk @LeonieWatson 11
CREATING AUX
![Page 12: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/12.jpg)
LJWatson.co.uk @LeonieWatson 12
Content order for mouse
![Page 13: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/13.jpg)
Content order for keyboard
![Page 14: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/14.jpg)
Content order for both
![Page 15: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/15.jpg)
LJWatson.co.uk @LeonieWatson 15
Consistent layout
![Page 16: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/16.jpg)
LJWatson.co.uk @LeonieWatson 16
Consistent behaviour
![Page 17: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/17.jpg)
LJWatson.co.uk @LeonieWatson 17
Helpful links
![Page 18: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/18.jpg)
LJWatson.co.uk @LeonieWatson 18
Clear instructions
![Page 19: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/19.jpg)
LJWatson.co.uk @LeonieWatson 19
Interaction control
![Page 20: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/20.jpg)
LJWatson.co.uk @LeonieWatson 20
HOW IS AUX MEASURED?
![Page 21: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/21.jpg)
LJWatson.co.uk @LeonieWatson 21
Accessibility guidelines
• Web Content Accessibility Guidelines 2.0• BBC Mobile Accessibility Guidelines
![Page 22: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/22.jpg)
LJWatson.co.uk @LeonieWatson 22
Accessibility testing
• With disabled people from your target audience
![Page 23: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/23.jpg)
LJWatson.co.uk @LeonieWatson 23
WHERE DOES AUX BEGIN?
![Page 24: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/24.jpg)
LJWatson.co.uk @LeonieWatson 24
With technology
• Platforms, tools and technologies influence AUX
![Page 25: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/25.jpg)
LJWatson.co.uk @LeonieWatson 25
With attitude
• Requirements, management and prioritisation influence AUX
![Page 26: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/26.jpg)
LJWatson.co.uk @LeonieWatson 26
With you
• AUX begins with the first step towards the finished product
![Page 27: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/27.jpg)
LJWatson.co.uk @LeonieWatson 27
WHERE WILL AUX BE IN THE FUTURE?
![Page 28: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/28.jpg)
LJWatson.co.uk @LeonieWatson 28
New devices
• Wearable tech• Implanted tech• Augmented reality
![Page 29: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/29.jpg)
LJWatson.co.uk @LeonieWatson 29
New interactions
• Speech input• Speech output• Content manipulation
![Page 30: A Practical Guide to Accessible User Experience (AUX)](https://reader033.fdocuments.in/reader033/viewer/2022061108/544fb7a8af7959cb398b6957/html5/thumbnails/30.jpg)
LJWatson.co.uk @LeonieWatson 30
THANK YOU