Designing for Accessibility Posters-set
0 likes383 views
The document provides guidance on designing digital services and websites to be accessible for users with various disabilities and access needs. It includes tips on how to design for users who are autistic, have low vision, dyslexia, physical or motor disabilities, deafness or hearing loss, anxiety, and more. The key recommendations are to use simple designs, clear language, logical layouts, keyboard and touch accessibility, and avoid clutter, distractions and complex interactions. The goal is to build digital services that are inclusive and work for all users.
Designing for Accessibility Posters-set
- 1. Designing for accessibility !" XyL dASe i XyL dASe i XyL dASe i For more information, contact: access@digital.homeoffice.gov.uk
- 2. Designing for users on the autistic spectrum Do... use simple colours write in plain language 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 !For more information, contact: access@digital.homeoffice.gov.uk
- 3. Designing for users of screen readers !" Do... describe images and provide transcripts for video <alt> follow a linear logical layout ! structure content using HTML5 <h1> <nav> <label> build for keyboard use only ! write descriptive links and headings 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 Header 36pt, bold force mouse or screen use ! write uninformative links and headings Click here For more information, contact: access@digital.homeoffice.gov.uk
- 4. Designing for users with low vision Do... use good colour contrasts and a readable font size Aa publish all information on web pages !HTML use a combination of colour, shapes and text Start follow a linear, logical layout ! 200% magnification put buttons and notifications in context Submit Don’t... use low colour contrasts and small font size Aa bury information in downloads ! only use colour to convey meaning spread content all over a page ! 200% magnification separate actions from their context Submit For more information, contact: access@digital.homeoffice.gov.uk
- 5. Designing for users with dyslexia XyL dASe i XyL dASe i XyL dASe 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 DON’T DO THIS force users to remember things from previous pages - give reminders and prompts ! ! rely on accurate spelling - use autocorrect or provide suggestions !dyslexia dsyle put too much information in one place !For more information, contact: access@digital.homeoffice.gov.uk
- 6. Designing for users with physical or motor disabilities Do... make large clickable actions Yes give form fields space design for keyboard or speech only use Tab ! design with mobile and touchscreen in mind !" provide shortcuts Find address Postcode Don’t... demand precision No bunch interactions together ! make dynamic content that requires a lot of mouse movement ! 1 2 3 2a 2b 2c have short time out windows ! Your session has timed out tire users with lots of typing and scrolling Address For more information, contact: access@digital.homeoffice.gov.uk
- 7. Designing for users who are deaf or hard of hearing Do... write in plain language use subtitles or provide transcripts for videos !CC 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 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 !! For more information, contact: access@digital.homeoffice.gov.uk
- 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 make support or help hard to access leave users questioning what answers they gave Digital, Data and Technology We have sent you an email We have sent you an email We have sent you an email ?? ?? ? ? 1 3 2 4 We have sent you an email ?? ?? ? ? 1 3 2 4 We have sent you an email ?? ?? ? ? 1 3 2 4 We have sent you an email ?? ?? ? ? 1 3 2 4 We have sent you an email ?? ?? ? ? 1 3 2 4 We have sent you an email ?? ?? ? ? 1 3 2 4 We have sent you an email ?? ?? ? ? 1 3 2 4 We have sent you an email 1 3 2 4 This work is licensed under the Creative Commins Attribution- NonCommercial-Sharealike 4.0 International Licence. To view a copy of this license, visit https://creativecommons.org/licenses/ by-nc-sa/4.0/ For more information, contact: access@digital.homeoffice.gov.uk
- 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 For more information, contact: access@digital.homeoffice.gov.uk