> Simple accessibility

// 243 words // 1 minute read

Simple accessibility

Implementing proper accessibility practices can seem a little daunting at first, but there are a few basic standards you can introduce into your project work-flow that are fairly straightforward:

Basic design

  1. Test that your project has the proper contrast color settings between type, backgrounds, icons etc.
  2. Only use “fancy” grid-ordering for minor layout design - avoid rearranging important content via CSS


  1. Use proper HTML structures (aside, header, main, footer elements as needed)
  2. Make use of the aria-label attribute
  3. Ensure your website/app can be navigated completely (and properly) with only a keyboard


  1. Avoid using CSS backgrounds for content images (should only be used for patterns, layout design etc.)
  2. Ensure proper alt attributes are provided on all images

It isn’t much - but follow these basics and you’ll be one step closer to providing better accessibility to your users.

Leave a comment

To make a comment, please send an e-mail using the button below. Your e-mail address won't be shared and will be deleted from my records after the comment is published. If you don't want your real name to be credited alongside your comment, please specify the name you would like to use. If you would like your name to link to a specific URL, please share that as well. Thank you.

Comment via email