The number of users who are turning to their tablets and phones to browse information, shop for products and to watch videos is on the rise. At the same time, individuals with cognitive disabilities represent the largest single disability group worldwide. However, designing for this disability group is one of the most overlooked areas within the design and accessibility fields. As developers, how do we provide adaptable services across a range of devices which are fully inclusive and accessible while maintaining an excellent user experience? Chris and Rebecca will discuss the various conditions under the heading of cognitive disabilities and the design principles that we can use to cater for a wide range of abilities. They will walk you through from some the most important accessibility points you should consider when planning a new multi-device project and show you how to capitalise on each device's strengths to keep your users satisfied.

2. What is a responsive site?
Understanding types of user impairment
Accessibility throughout a project

4. A website which is complete and usable for
any device and connection
using a single URL per page
Keith Doyle, Navopia

5. Input
devices
Touch
& gestures
Voice
Pointing
devices

7. Vision
Ability to see, or process visual
information
Hearing
Ability to hear, or process acoustic
information
Motor
Ability to interact with a
device accurately and
quickly
Cognitive
Ability in mentally demanding areas
such as reading, memory, attention,
or complex concepts or language
Modified from the BBC GEL Accessibility guidelines

8. Vision
Blindness, low vision & colour
blindness
Hearing
Hearing loss
Motor
Dyspraxia, RSI, arthritis and
cerebral palsy
Cognitive
Down’s syndrome, Asperger’s and
dyslexia, Learning difficulties
Modified from the BBC GEL Accessibility guidelines

9. Vision
Forgot my glasses
Hearing
Watching a video in a noisy environment
Motor
Temporary injury such as a
broken wrist
Cognitive
Tiredness, Stress, Hangover :D
Modified from the BBC GEL Accessibility guidelines

14.  Dyslexia
 ADHD
 Attention Deficit Disorder
 Learning disabilities
 Asperger's Syndrome
 Williams Syndrome
 Autism
 Dementia
 Down Syndrome
 Head injuries and stroke
 Alzheimer’s disease
 Stroke

15. Memory Problem solving Attention
Reading and verbal Math comprehension Visual comprehension

33. •
•

34. <header role=“banner”>
<aside role=
“complimentary”>
<main role=“main”>
<footer role=“contentinfo”>
<nav role="navigation">
<div id=“search” role=“search”>

35. <header role=“banner”>
<aside role=
“complimentary”>
<main role=“main”>
<footer role=“contentinfo”>
<nav role="navigation">
<div id=“search” role=“search”>

37. JAWS says:
“Banner region start” and “Banner region end”.
NVDA (Non Visual Desktop Access) 2012.3 says:
“Banner region start” at the beginning of the banner landmark.
VoiceOver on IOS says:
“Landmark start” and “Landmark end”. Does not say which landmark it is.
Talkback on Android says :
“Banner” at the beginning of the landmark but does not identify the end of the
landmark.

38. <nav
id=“popnav"
aria-label=“Popular Navigation"
role="navigation">
Voiceover iOS 7
“Popular Navigation, Landmark start”
Mixed support on older devices, so
you should include meaningful text
within landmarks to help users
identify the context.

43. • Some great checklists and guides available
http://www.iheni.com/mobile-accessibility-tests/
http://www.w3.org/WAI/WCAG20/quickref/
http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile_access.shtml
http://www.sesameworkshop.org/assets/1191/src/Best%20Practices%20Document%
2011-26-12.pdf
• Listen to your sites on screen readers
(Try turning your monitor off)
• Automated testers like achecker.ca
Great learning device
• Expert reviews
Abilitynet, RNIB – See it right, Independent evaluators

44. • Access Talk (accessibility podcast) – http://accesstalk.co.uk/
• Chrome add on for colour blindness -
http://accessgarage.wordpress.com/2013/02/09/458/
• Speaking up speaking out – http://www.maccsuso.org.uk/
• Great blog post about including people with disabilities in user
research - http://www.usertesting.com/blog/2014/03/04/the-value-of-
involving-people-with-disabilities-in-user-research/
• Juicy Studio accessibility toolbar - https://addons.mozilla.org/en-
US/firefox/addon/juicy-studio-accessibility-too/
• WAVE Webaim accessibility evaluation tool - http://wave.webaim.org/