6 POSTERS FOR DESIGNING MORE ACCESSIBLE WEBSITES

Bywdwalrus

Back in September 2016, Karwai Pun of Home Office Digital and her accessibility-focused team, created these posters as a way of  helping designers approach digital accessibility.

Creating websites and apps that are fully accessible is harder than you might think because so much consideration can go into each interaction.

These 6 thoughtful posters have tips for designing for:

  • people with dyslexia
  • people on the autistic spectrum
  • people with low vision
  • people who use screenreaders
  • people who are deaf or hard of hearing
  • people with physical or motor disabilities
  • An infographic for Do's and Don'ts of designing websites for users who with low vision. In the do's column, use good color contrasts and a readable font size. Publish all information on web pages. Use a combination of color, shapes and text. Follow a linear, logical layout. Put buttons and notifications in context. In the don'ts column, don't use low color contrast in small font size. Don't bury information in downloads. Don't only use color to convey meaning. Don't spread content all over a page. Don't separate actions from their context.
  • An infographic for Do's and Don'ts of designing websites for users who use screen readers. In the Do's column, the first thing listed is describe images and provide transcripts for video. Continuing, follow a linear, logical layout. Structure content using HTML5. Build for keyboard use only. Write descriptive links and headings. In the Don't column, Don't only show information in an image or video. Don't spread content all over a page. Don't rely on text size and placement for structure. Don't force mouse or screen use. Don't write uninformative links and headings.
  • An infographic for Do's and Don'ts of designing websites for users who have physical or motor disabilities. In the Do's column, make large text clickable actions. Give form fields space. Design for keyboard or speech only use. Design with mobile and touchscreen in mind. Provide shortcuts. In the Don't column, don't demand precision. Don't bunch interactions together. Don't make dynamic content that requires a lot of mouse movement. Don't have short time out windows. Don't tire users with lots of typing and scrolling.
  • An infographic for Do's and Don'ts of designing websites for users who are on the autistic spectrum. In the do's column, use simple colors. Write in plain english. Use simple sentences and bullets. Make buttons descriptive. Build simple and consistent layouts. In the don'ts column, don't use bright contrasting colors. Don't use figures of speech and idioms. Don't create a wall of text. Don't make buttons vague and unpredictable. Don't build complex and cluttered layouts.
  • An infographic for Do's and Don'ts of designing websites for users with Dyslexia. In the do’s column, use images and diagram 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. But users change the contrast between background and text. New line In the don'ts column, don't use large blocks of heavy text. Don't underline words, use italics or write in capitals. Don't force users to remember things from previous pages - give reminders and prompts. Don't rely on accurate spelling - use autocorrect or provide suggestions. Don't put too much information in one place.
  • An infographic for Do's and Don'ts of designing websites for users who are deaf or hard of hearing. In the do’s column, write in plain english. Use subtitles or provide transcripts for video. Use a linear, logical layout. Break up content with subheadings, images and videos. Let users ask for an interpreter when booking appointments. In the don'ts column, don't use complicated words or figures of speech. Don't put content in audio or video only. Don't make complex layouts and menus. Don't make users read long blocks of content. Don't make telephone the only means of contact for users.

All credit goes to Karwai Pun from Home Office Digital. For more info, you should read more about the process of creating these accessibility posters.

Similar Posts

  • Protecting Yourself Against Viruses & Data Loss

    Bywdwalrus

    Protecting Your Website and Data: Essential Security Measures In today’s digital landscape, safeguarding your website and its valuable data from malicious threats is more critical than ever. While having robust hosting infrastructure with built-in security measures is essential (and something we at Well Dressed Walrus take very seriously!), there are also crucial steps you can…

  • How to Get Your Business Mentioned by AI Tools (Without Running Ads)

    ByWDW SEO Team

    Some businesses seem to appear everywhere online. They are referenced in search results, included in summaries, and mentioned in AI-generated answers. When customers research local providers, their names surface again and again. Other businesses, often just as capable, are rarely mentioned at all. Most owners assume this comes down to marketing budgets or paid placement….

  • The 7 Parts of a StoryBrand Framework and Why Each is Essential

    Bywdwalrus

    In today’s competitive market, standing out is crucial. But many businesses struggle to communicate clearly and connect with customers. That’s where the StoryBrand framework comes in. Created by Donald Miller, StoryBrand offers a simple, seven-part messaging formula that positions your customer as the hero of the story, with your brand as the guide. This shift…

  • How to Find and Fix Broken Links in WordPress Using the Broken Link Checker Plugin (Free)

    Bywdwalrus

    Broken links, also known as “dead links,” are URLs on your website that no longer lead to a valid page. They can point to deleted posts, moved pages, or external websites that no longer exist. Why are broken links a problem? Fortunately, for WordPress users, the free Broken Link Checker plugin by WPMU DEV offers…

  • Z Patterns

    Bywdwalrus

    How to Use Z-Patterns to Grab the Attention of Your Website Visitors When a visitor lands on your website they should quickly understand what you do and how to get it. Creating better content is critical but it also matters how you lay the page. Grab the attention of your website visitors with Z-pattern When…

  • EU Accessibility Act and US Businesses

    Bywdwalrus

    The European Accessibility Act (EAA) is an EU directive (in effect June 28, 2025) that requires many products and services – including digital ones – to be accessible to people with disabilities. Covered items include websites, mobile apps, e-commerce platforms, and related services in industries like commerce, banking, transport, and telecoms. Crucially, the law applies…