<aside> 📢

This content has a new home in Confluence. This site is no longer being updated as of July 25, 2025.

Questions, comments, concerns? Send a message in CMS Slack: #cmcs-hcd-cop.

</aside>

These tips and tools will help you create more accessible designs.

Table of Contents

Designing for Accessibility Posters

These posters from the UK Home Office Digital provide helpful tips for designing for users with a variety of disabilities. They include users:

• on the autistic spectrum
• of screen readers
• with low vision
• with dyslexia
• with physical or motor disabilities
• who are deaf or hard of hearing
• with anxiety

[Designing for Accessibility posters from the UK Home Office Digital. View original PDF.](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5e4df344-83ac-48a7-87df-cfe3569b051d/accessibility-posters-set.pdf)

Designing for Accessibility posters from the UK Home Office Digital. View original PDF.

For more information, see the UK Home Office Digital’s blog post and Github site about the accessibility posters.

Designing for Users With Dyscalculia Poster

This poster was made in a combined effort between the UK Department for Work and Pensions (DWP) and His Majesty's Revenue and Customs (HMRC), as an addition to the Home Office Accessibility posters. It provides tips for designing for users with dyscalculia (difficulty in understanding numbers) or low numeracy (skill with numbers and mathematics):

[Designing for Users with Dyscalculia poster from the UK Home Office Digital. View original PDF.](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1594bed6-8e35-47e3-bed9-135f7706c164/dyscalculia-poster.pdf)

Designing for Users with Dyscalculia poster from the UK Home Office Digital. View original PDF.

For more information, see the UK Home Office Digital’s blog post and the Github page for the poster.

Design Accessibly in Figma

Use the Stark Accessibility Checklist for Figma and FigJam

Use the Stark Accessibility Checklist widget for Figma and FigJam to make sure your designs are accessible. It adds role-specific accessibility checklists and tips for designers, engineers, and product managers. You can learn more about using the widget in Stark’s blog post.

Source: Figma Community

Create Accessible Prototypes in Figma

Accessible prototypes are a new feature in Figma that allow users to navigate through content using a screen reader. To use accessibility mode in a prototype, you’ll first need to install a supported screen reader:

• macOS
  • VoiceOver
• Windows
  • JAWS (Job Access With Speech)
  • NVDA (NonVisual Desktop Access)

See Figma’s help article on Accessible prototypes in Figma for instructions on using accessibility mode in a prototype.