Designing foraccessibility!
"iidA
dA
yyLS
X Lee

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

Designing for users on theautistic spectrum
Do...

Don’t...

use simple
colours

use brightcontrasting colours

write inplain language

use figures ofspeech and idioms

use simple
sentences andbullets!

!!

make buttons
vague andunpredictable

make buttons
descriptive

build simple andconsistent layouts

create a wallof text!

!

build complex andcluttered layouts!

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

Designing for users of!
"screen readers

Don’t...

Do...
describe images
and provide
transcripts
for video

follow a linear
logical layout

structure content
using HTML5

build for keyboard
use only

write descriptive
links and headings

<alt>

!
<h1>

<nav>

<label>!
Contact us

only show
information in animage or video!

spread content
all over a page

rely on text sizeand placement
for structure

36pt, boldforce mouse or
screen use

write uninformative
links and headings

Header!
Click here

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

Designing for users withlow visionDo...
use good colour
contrasts and areadable font size

publish all information
on web pages

Don’t...

Aa!

use low colour
contrasts and small
font size

bury informationin downloads

HTML

use a combinationof colour, shapes
and text

Start

put buttons andnotifications incontext!

Submit!

only use colour toconvey meaning

200% magniﬁcation

follow a linear,logical layout

Aa

200% magniﬁcation

spread content allover a page

separate actions
from their context!

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

ii
Designing for users with dAdASyydyslexia
LX LeeDo...

use images anddiagrams to
support text

Don’t...

!
!

!

DON’T
DO THIS

force users to remember
things from previous
pages - give reminders
and prompts

rely on accurate
spelling - use
autocorrect orprovide suggestions

keep content
short, clear
and simple

let users change thecontrast between
background and text!!

underline words,
use italics orwrite in capitalsalign text to theleft and keep a
consistent layout

consider producing
materials in otherformats (for exampleaudio or video)

use large
blocks ofheavy text

put too muchinformation in
one place!

!

dyslexia !

dsyle!

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

Designing for users withphysical or motor
disabilities

Do...

Don’t...

make large
clickable actions

demandprecision

Yes

bunch
interactions
togethergive clickableelements spacedesign for
keyboard or
speech onlyuse

design with mobile
and touchscreen
in mindNo

make dynamic
content that
requires a lot ofmouse movement

Tab!

!
Postcode

provide shortcuts
Find address"

have shorttime outwindows

tire users
with lots oftyping andscrolling!
123!

2a2b2c!

Your session
has timed out

Address

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

Designing for users who aredeaf orhard of hearing



Do...

Don’t...

write inplain language

use complicatedwords or figuresof speech

use subtitles
or provide
transcripts forvideos!

CC!

put content inaudio or video
only!

!

make complex
layouts andmenus!

make users
read long blocks
of content!!

make telephone
the only means ofcontact for users!!

use a linear,logical layout

break up content
with sub-headings,images and videos

let users ask for theirpreferred communication
support when booking
appointmentsukhomeoffice.github.io/accessibility-posters/posters/accessibility-posters.pdf

Designing for users with

anxietyDo...

Don’t...

give users enoughtime to complete
an actionrush users or set
impractical timelimits
We have sent
you an email

explain what
will happen after
completing aserviceleave users
confused about
next steps or
timeframes

make important
information clear

leave users
uncertain about
the consequencesof their actions

give users thesupport theyneed to complete
a service

make support
or help hard toaccess

let users checktheir answers
before theysubmit themleave users
questioning whatanswers they gave

12

34?

?
? ?
?
?

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

Home Office Digital’s goal is tomake exceptional services foreveryone.
Understanding accessibility means we canbuild services that work for everyone,whatever their access need.
These posters show how you can makeyour 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