Designing for

accessibility

! "

i
i
 dA
yyLS
dA
X Lee


ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users on the
autistic spectrum

Do... Don’t...

use simple use bright

colours contrasting colours

write in use figures of

!
plain language speech and idioms

!
use simple
sentences and
bullets
create a wall
of text
!!
make buttons
make buttons vague and
descriptive unpredictable

build simple and

consistent layouts
! build complex and
cluttered layouts
!
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users of
screen readers ! "

Do... Don’t...

<alt>
describe images only show
and provide information in an
transcripts image or video
for video

! !
follow a linear spread content
logical layout all over a page

structure content
<h1> rely on text size 36pt, bold
<nav> and placement
Header
using HTML5
for structure
<label>

build for keyboard

use only
! force mouse or
screen use
!
write descriptive Contact us write uninformative Click here
links and headings links and headings

ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users with
low vision 
Do... Don’t...

use good colour

contrasts and a
readable font size Aa use low colour
contrasts and small
font size
Aa

! !
publish all information bury information
on web pages in downloads

HTML

use a combination only use colour to

of colour, shapes Start convey meaning
and text

200% magnification 200% magnification

! !
follow a linear, spread content all
logical layout over a page

put buttons and separate actions

notifications in from their context Submit

context Submit

ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
 i
i
Designing for users with dA
dA
y S
dyslexia X Lee
yL
Do... Don’t...

!
use images and use large
diagrams to
support text
blocks of
heavy text !!
align text to the underline words, DON’T
DO THIS
left and keep a use italics or
consistent layout write in capitals

!
consider producing force users to remember
materials in other things from previous !
formats (for example pages - give reminders
audio or video) and prompts

rely on accurate dyslexia !

keep content spelling - use
short, clear
and simple
autocorrect or dsyle
provide suggestions

! !
let users change the put too much
contrast between information in
background and text one place

ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users with
physical or motor
disabilities
Do... Don’t...

make large demand No

clickable actions
Yes precision

bunch
give clickable interactions
elements space together !

1
make dynamic
design for
keyboard or Tab content that 2 2a
speech only ! requires a lot of 3 2b
use mouse movement
2c !

!
design with mobile have short
and touchscreen
in mind " time out
windows !
Your session
has timed out

Postcode tire users Address

provide shortcuts with lots of
typing and
Find address scrolling

ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users who are
deaf or
hard of hearing 
Do... Don’t...
use complicated
write in words or figures

!
plain language of speech

! CC !
use subtitles put content in
or provide audio or video
transcripts for only
videos

! !
use a linear, make complex
logical layout layouts and
menus

break up content make users

with sub-headings,
images and videos
read long blocks
of content !!
let users ask for their
preferred communication
support when booking
appointments

make telephone
the only means of
contact for users
!!
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users with
anxiety

Do... Don’t...
give users enough rush users or set
time to complete impractical time
an action limits

We have sent
you an email

explain what leave users

will happen after confused about
completing a next steps or
service timeframes

make important leave users 1 2

information clear uncertain about
the consequences 3 4
of their actions

give users the make support

support they or help hard to
need to complete access
a service

let users check

their answers
leave users
questioning what ?
? ?
?
before they answers they gave ? ?
submit them

ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Home Office Digital’s goal is to
make exceptional services for
everyone.

Understanding accessibility means we can

build services that work for everyone,
whatever their access need.

These posters show how you can make

your service accessible for different
access needs.

Email access@digital.homeoffice.gov.uk to
get involved and help make Home Office
Digital services accessible by default

ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf