Designing for accessibility - GitHub Pages

1 Designing foraccessibility!" XyLdASeiXyLdASeiXyLdASei for users on theautistic in plain languageuse simple coloursuse simple sentences and bulletsmake buttons descriptivebuild simple and consistent layouts!!Don bright contrasting coloursuse figures of speech and idiomscreate a wall of textmake buttons vague and unpredictablebuild complex and cluttered layouts!!!! for users ofscreen readers!" images and provide transcripts for videofollow a linear logical layoutstructure content using HTML5build for keyboard use onlywrite descriptive links and headings<alt>!<h1> <nav> <label>!Contact usDon show information in an image or videospread content all over a pagerely on text size and placement for structureforce mouse or screen usewrite uninformative links and headings!

2 Header36pt, bold!Click for users with low vision good colour contrasts and a readable font sizepublish all information on web pagesuse a combination of colour, shapes and textfollow a linear, logical layoutput buttons and notifications in contextAa!HTMLS tart!200% magnificationSubmitDon low colour contrasts and small font sizebury information in downloadsonly use colour to convey meaningspread content all over a pageseparate actions from their contextAa!!200% for users with images and diagrams to support textalign text to the left and keep a consistent layoutconsider producing materials in other formats (for example audio or video)keep content short, clear and simplelet users change the contrast between background and text!!!Don large blocks of heavy textunderline words, use italics or write in capitalsforce users to remember things from previous Pages - give reminders and promptsrely on accurate spelling - use autocorrect or provide suggestionsput too much information in one place!

3 !DON TDO THIS!!!dyslexiadsyle! for users withphysical or motor large clickable actionsYesgive clickable elements spacedesign for keyboard or speech only usedesign with mobile and touchscreen in mindprovide shortcutsTab!!"Find addressPostcodeDon precisionNobunch interactions togethermake dynamic content that requires a lot of mouse movementhave short time out windowstire users with lots of typing and scrolling!!1232a2b2c!Your sessionhas timed for users who aredeaf or hard of hearing in plain languageuse subtitles or provide transcripts for videosuse a linear, logical layoutbreak up content with sub-headings, images and videoslet users ask for their preferred communication support when booking appointments!CC! Don complicated words or figures of speech!

4 Put content in audio or video onlymake complex layouts and menusmake users read long blocks of contentmake telephone the only means of contact for users!!!!!! for users users enough time to complete an actionexplain what will happen after completing a servicemake important information clear give users the support they need to complete a servicelet users check their answers before they submit themDon users or set impractical time limitsleave users confused about next steps or timeframes leave users uncertain about the consequences of their actions1324make support or help hard to accessleave users questioning what answers they gaveWe have sent you an email?????? Office Digital s goal is to make exceptional services for accessibility means we can build services that work for everyone, whatever their access posters show how you can make your service accessible for different access to get involved and help make Home Office Digital services accessible by