Dyslexia and digital design nov 2014
-
Upload
abilitynet -
Category
Design
-
view
338 -
download
0
description
Transcript of Dyslexia and digital design nov 2014
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Dyslexia and Digital Design
AbilityNet Webinar
11 November 2014
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Welcome
Joe Chidzik
AbilityNet
Robin Christopherson
AbilityNet
Mark Walker
AbilityNet
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Dyslexia and Digital Design
6 million reasons to think about digital design
A user-centred approach
The business case
Multi-platform – web, app, email, paper…
Issues faced by people with Dyslexia
Design challenges it presents
Common solutions
3
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Accessibility Services
• Accessibility Audits
• User testing
• Consultancy
• Accreditation
• Training
Workplace Assessment Services
Free IT Support for Disabled People
My Computer My Way
Tech4Good Awards
AbilityNet
Adapting Technology. Changing Lives.
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
What is Dyslexia?
Wikipedia:
• Dyslexia, or developmental reading disorder, is characterised
by difficulty with learning to read fluently and with accurate
comprehension despite normal or above-average intelligence
• Dyslexia is the most common learning difficulty and most recognised
reading disorder
Related issues include Dyspraxia and Dyscalculia
It is estimated that it affects at least 6 million people in the UK, 4 million
of those severely
5
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
What is the Impact?
1. For the individual trying to use your service:
• Reading
• Comprehension
• Time needed to complete tasks
2. For your team building digital services and tools:
• Like most accessibility issues these can be addressed through
good usability practice
• But there are some dyslexia-specific issues, especially
vocabulary, colour and layout
6
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Digital design in practice
1. Who?
• Content creation – editorial, marketing, brand owners
• Designers – graphics, look and feel, navigation, layout, user
experience
• Developers – the code that makes it work
2. What?
• Websites – multi-platform
• Apps
• Documents – esp PDFs
• Guidelines
7
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Put yourself in your customer’s shoes
8
www.webaim.org/simulations/dyslexia
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Simulators and other tools
Video showing different aspects of
Dyslexia
• www.youtube.com/abilitynet
Readability test
• juicystudio.com/services/readabil
ity.php#readingresults
9
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Editorial and content issues
1. Structure
• Edit and organise content carefully
2. Context
• Don’t rely on the content on the page
• Offer downloads and/or printed versions
3. Vocabulary
• Needs clarity and careful use of language
10
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Designing for Dyslexia
Look and feel:
1. Fonts
• Consider style and size, don’t disable pinch zoom
2. Colours
• Readability, legibility, colour contrast, allow user controls
3. Layout
• White space, line spacing, consistent navigation
Give the user control
11
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Manchester City Council
12
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Designing for Dyslexia
But also…
4. Accepting user input
• esp forms and associated error messages
5. Time dependent functionality
• Eg forms, layout, labels, carousel
6. Accessibility features and help
• Dyslexia-specific style sheet
13
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Testing is vital
1. A user-centred approach is key
• Ask within the team working on the project?
2. When?
• Paper-based mock-ups
• Consultants can review wireframe
• Users usually involved in latter half of process
3. Review feedback across team
• Can be all sorts of issues raised
• Often fairly simple eg location of next and back buttons
14
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Useful links
1. AbilityNet Factsheets
2. WebAim simulator
3. British Dyslexia Association
4. ISC Guidelines from 2002
wiki.cetis.ac.uk/Ten_Guidelines_for_Improving_Accessibility_for_People_with_Dyslexia
15
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Questions
Please use the Questions box on GotoWebinar
Future webinars: www.abilitynet.org.uk/webinars
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Contact Us
+44 (0) 1926 465 247
@abilitynet
Future webinars: www.abilitynet.org.uk/webinars