Designing for
accessibility
!
"

 XyL
dAS
e
i
XyL
dAS
e
i
XyL
dAS
e
i

ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users on the
autistic spectrum
Do...
write in
plain language
use simple
colours
use simple
sentences and
bullets
make buttons
descriptive
build simple and
consistent layouts
!
!
Don’t...
use bright
contrasting colours
use figures of
speech and idioms
create a wall
of text
make buttons
vague and
unpredictable
build complex and
cluttered layouts
!
!!
!
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users of
screen readers !
"
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
Don’t...
only show
information in an
image or video
spread content
all over a page
rely on text size
and placement
for structure
force mouse or
screen use
write uninformative
links and headings
!
Header
36pt, bold
!
Click here
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users with
low vision 

Do...
use good colour
contrasts and a
readable font size
publish all information
on web pages
use a combination
of colour, shapes
and text
follow a linear,
logical layout
put buttons and
notifications in
context
Aa
!
HTML
Start
!
200% magnification
Submit
Don’t...
use low colour
contrasts and small
font size
bury information
in downloads
only use colour to
convey meaning
spread content all
over a page
separate actions
from their context
Aa
!
!
200% magnification
Submit
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users with
dyslexia
XyL
dAS
e
i
XyL
dAS
e
i
XyL
dAS
e
i
Do...
use images and
diagrams to
support text
align text to the
left and keep a
consistent layout
consider producing
materials in other
formats (for example
audio or video)
keep content
short, clear
and simple
let users change the
contrast between
background and text
!
!
!
Don’t...
use large
blocks of
heavy text
underline words,
use italics or
write in capitals
force users to remember
things from previous
pages - give reminders
and prompts
rely on accurate
spelling - use
autocorrect or
provide suggestions
put too much
information in
one place
!!
DON’T
DO THIS
!
!
!
dyslexia
dsyle
!
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users with
physical or motor
disabilities
Do...
make large
clickable actions
Yes
give clickable
elements space
design for
keyboard or
speech only
use
design with mobile
and touchscreen
in mind
provide shortcuts
Tab
!
!"
Find address
Postcode
Don’t...
demand
precision
No
bunch
interactions
together
make dynamic
content that
requires a lot of
mouse movement
have short
time out
windows
tire users
with lots of
typing and
scrolling
!
!
1
2
3
2a
2b
2c
!
Your session
has timed out
Address
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users who are
deaf or
hard of hearing 
Do...
write in
plain language
use subtitles
or provide
transcripts for
videos
use a linear,
logical layout
break up content
with sub-headings,
images and videos
let users ask for their
preferred communication
support when booking
appointments
!
CC
!

Don’t...
use complicated
words or figures
of speech
!
put content in
audio or video
only
make complex
layouts and
menus
make users
read long blocks
of content
make telephone
the only means of
contact for users
!
!
!!
!
!
ukhomeoffice.github.io/accessibility-posters/
posters/accessibility-posters.pdf
Designing for users with
anxiety
Do...
give users enough
time to complete
an action
explain what
will happen after
completing a
service
make important
information clear
give users the
support they
need to complete
a service
let users check
their answers
before they
submit them
Don’t...
rush users or set
impractical time
limits
leave users
confused about
next steps or
timeframes
leave users
uncertain about
the consequences
of their actions
1
3
2
4
make support
or help hard to
access
leave users
questioning what
answers they gave
We have sent
you an email
?
?
?
?
? ?
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

More Related Content

PDF
Designing for Accessibility Posters-set
PPTX
Demystifying digital accessibility webinar
PPTX
“Selfish Accessibility” for Create Upstate 2016
PPTX
Avega Group: Selfish Accessibility
PPTX
ACE! Conference: Selfish accessibility
PPTX
Selfish Accessibility: UXSG 2014
PPTX
Practical Accessibility - Midwest UX conference 2011
PDF
#STLUX - Designing with Accessibility in MInd (March 14, 2014)
Designing for Accessibility Posters-set
Demystifying digital accessibility webinar
“Selfish Accessibility” for Create Upstate 2016
Avega Group: Selfish Accessibility
ACE! Conference: Selfish accessibility
Selfish Accessibility: UXSG 2014
Practical Accessibility - Midwest UX conference 2011
#STLUX - Designing with Accessibility in MInd (March 14, 2014)

Similar to Assignment accessibility-posters-set.pdf (20)

PPTX
Designing, Developing & Testing for Accessibility
PPTX
Prototyping Accessibility - WordCamp Europe 2018
PPTX
Selfish Accessibility: a11y Camp NYC 2015
PPTX
Prototyping Accessibility: Booster 2019
PDF
Making mobile accessible
PDF
Good inclusive design is changing how we deliver public services
PPT
Corporate Web Accessibility Implementation Strategies
PPTX
Selfish Accessibility: Presented at Google
PPTX
A Web for Everyone: Accessibility as a design challenge
PDF
How Accessibility Made Me a Better Developer
PDF
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
PDF
[UX Oxford] accessibility
PPTX
Web accessibility workshop 1
PDF
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
PDF
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
PDF
Accessibility for the Visually Impaired with IBM Lotus Domino
PPT
Understanding Web Accessibility
PDF
Best Practices to Make your Web Application Accessible
PPT
Summary Guidelines
PPTX
The Accessible Office: Making Your Documents More Accessible to Users with Di...
Designing, Developing & Testing for Accessibility
Prototyping Accessibility - WordCamp Europe 2018
Selfish Accessibility: a11y Camp NYC 2015
Prototyping Accessibility: Booster 2019
Making mobile accessible
Good inclusive design is changing how we deliver public services
Corporate Web Accessibility Implementation Strategies
Selfish Accessibility: Presented at Google
A Web for Everyone: Accessibility as a design challenge
How Accessibility Made Me a Better Developer
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
[UX Oxford] accessibility
Web accessibility workshop 1
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Accessibility for the Visually Impaired with IBM Lotus Domino
Understanding Web Accessibility
Best Practices to Make your Web Application Accessible
Summary Guidelines
The Accessible Office: Making Your Documents More Accessible to Users with Di...
Ad

Recently uploaded (20)

PPTX
internal combustion engine renewable new
PPT
Main/Core Business Application User Manual
PDF
BCM-hardware-schematics in automotive electronics.pdf
PDF
Smart_Doors_Trunk_Control_Presentation.pdf
PDF
Diagnostic Trouble Codes John Deere 370E 410E 460E Technical Manual.pdf
DOC
EAU-960 COMBINED INJECTION AND IGNITION SYSTEM WITH ELECTRONIC REGULATION.doc
PPTX
Quarter-1-Lesson-5-sdf wgwefwgwefgwgwgwewgwewgwewwedgfwrwtudents-copy.pptx
PPTX
45-Days-of-Engineering-Excellence-132-kV-Grid-Substation-Training.pptx
PDF
MES Chapter 3 Combined UNIVERSITY OF VISVESHWARAYA
PPTX
LESSON 3 Apply Safety Practices mmms.pptx
PDF
Transmission John Deere 370E 410E 460E Technical Manual.pdf
PPTX
368455847-Relibility RJS-Relibility-PPT-1.pptx
PPTX
Victory precisions_Die casting foundry_.pptx
PDF
Articulated Dump Truck John Deere 370E 410E 460E Technical Manual.pdf
PDF
TM1611 John Deere 410E service Repair Manual.pdf
PPTX
Constitutional Design PPT.pptxl from social science class IX
PPTX
Moral Theology (PREhhhhhhhhhhhhhhhhhhhhhLIMS) (1).pptx
PDF
Volvo EC55 Compact Excavator Service Repair Manual Instant Download.pdf
PPTX
7 BAB 1 UNSUR SENI RUPA (WARNA) whefkwbefkwjebfkwejbbfkkwejbfkwjefbkwjefbw.pptx
PDF
John Deere 410E service Repair Manual.pdf
internal combustion engine renewable new
Main/Core Business Application User Manual
BCM-hardware-schematics in automotive electronics.pdf
Smart_Doors_Trunk_Control_Presentation.pdf
Diagnostic Trouble Codes John Deere 370E 410E 460E Technical Manual.pdf
EAU-960 COMBINED INJECTION AND IGNITION SYSTEM WITH ELECTRONIC REGULATION.doc
Quarter-1-Lesson-5-sdf wgwefwgwefgwgwgwewgwewgwewwedgfwrwtudents-copy.pptx
45-Days-of-Engineering-Excellence-132-kV-Grid-Substation-Training.pptx
MES Chapter 3 Combined UNIVERSITY OF VISVESHWARAYA
LESSON 3 Apply Safety Practices mmms.pptx
Transmission John Deere 370E 410E 460E Technical Manual.pdf
368455847-Relibility RJS-Relibility-PPT-1.pptx
Victory precisions_Die casting foundry_.pptx
Articulated Dump Truck John Deere 370E 410E 460E Technical Manual.pdf
TM1611 John Deere 410E service Repair Manual.pdf
Constitutional Design PPT.pptxl from social science class IX
Moral Theology (PREhhhhhhhhhhhhhhhhhhhhhLIMS) (1).pptx
Volvo EC55 Compact Excavator Service Repair Manual Instant Download.pdf
7 BAB 1 UNSUR SENI RUPA (WARNA) whefkwbefkwjebfkwejbbfkkwejbfkwjefbkwjefbw.pptx
John Deere 410E service Repair Manual.pdf
Ad

Assignment accessibility-posters-set.pdf

  • 2. Designing for users on the autistic spectrum Do... write in plain language use simple colours use simple sentences and bullets make buttons descriptive build simple and consistent layouts ! ! Don’t... use bright contrasting colours use figures of speech and idioms create a wall of text make buttons vague and unpredictable build complex and cluttered layouts ! !! ! ukhomeoffice.github.io/accessibility-posters/ posters/accessibility-posters.pdf
  • 3. Designing for users of screen readers ! " 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 Don’t... only show information in an image or video spread content all over a page rely on text size and placement for structure force mouse or screen use write uninformative links and headings ! Header 36pt, bold ! Click here ukhomeoffice.github.io/accessibility-posters/ posters/accessibility-posters.pdf
  • 4. Designing for users with low vision   Do... use good colour contrasts and a readable font size publish all information on web pages use a combination of colour, shapes and text follow a linear, logical layout put buttons and notifications in context Aa ! HTML Start ! 200% magnification Submit Don’t... use low colour contrasts and small font size bury information in downloads only use colour to convey meaning spread content all over a page separate actions from their context Aa ! ! 200% magnification Submit ukhomeoffice.github.io/accessibility-posters/ posters/accessibility-posters.pdf
  • 5. Designing for users with dyslexia XyL dAS e i XyL dAS e i XyL dAS e i Do... use images and diagrams to support text align text to the left and keep a consistent layout consider producing materials in other formats (for example audio or video) keep content short, clear and simple let users change the contrast between background and text ! ! ! Don’t... use large blocks of heavy text underline words, use italics or write in capitals force users to remember things from previous pages - give reminders and prompts rely on accurate spelling - use autocorrect or provide suggestions put too much information in one place !! DON’T DO THIS ! ! ! dyslexia dsyle ! ukhomeoffice.github.io/accessibility-posters/ posters/accessibility-posters.pdf
  • 6. Designing for users with physical or motor disabilities Do... make large clickable actions Yes give clickable elements space design for keyboard or speech only use design with mobile and touchscreen in mind provide shortcuts Tab ! !" Find address Postcode Don’t... demand precision No bunch interactions together make dynamic content that requires a lot of mouse movement have short time out windows tire users with lots of typing and scrolling ! ! 1 2 3 2a 2b 2c ! Your session has timed out Address ukhomeoffice.github.io/accessibility-posters/ posters/accessibility-posters.pdf
  • 7. Designing for users who are deaf or hard of hearing  Do... write in plain language use subtitles or provide transcripts for videos use a linear, logical layout break up content with sub-headings, images and videos let users ask for their preferred communication support when booking appointments ! CC !  Don’t... use complicated words or figures of speech ! put content in audio or video only make complex layouts and menus make users read long blocks of content make telephone the only means of contact for users ! ! !! ! ! ukhomeoffice.github.io/accessibility-posters/ posters/accessibility-posters.pdf
  • 8. Designing for users with anxiety Do... give users enough time to complete an action explain what will happen after completing a service make important information clear give users the support they need to complete a service let users check their answers before they submit them Don’t... rush users or set impractical time limits leave users confused about next steps or timeframes leave users uncertain about the consequences of their actions 1 3 2 4 make support or help hard to access leave users questioning what answers they gave We have sent you an email ? ? ? ? ? ? ukhomeoffice.github.io/accessibility-posters/ posters/accessibility-posters.pdf
  • 9. 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