Your Guide to Digital accessibility

Accessibility is a joint effort and many different parties influence how the overall user experience is expressed. We've made a guide to how you can help increase the availability of your site and why it's important.

As a decision maker:

When you are uncertain about the importance of investing in accessibility, keep in mind that unoptimized websites might be more challenging than you think. 1 out of 7 people has a form of disability that limits their capabilities to interact with your site. Additionally, you can increase the amount of satisfied users by meeting the accessibility requirements, thus potentially increasing your market share.

Why should you, as a decision maker, invest in having an accessible website?

  • You get a better ranking on search engines, thus increasing your traffic
  • Improved conversion rates, as more users can actually use your website
  • Optimize your site’s overall performance
  • You improve the overall user experience for all users, not just people with a disability
  • You increase user satisfaction and create more loyal users


As an editor:

When you work as an editor, with the content and maintenance of a website, there are several things to keep in mind if you want to maintain a high accessibility score. In addition, a focus on accessibility can enhance the experience across the site, for all users.

What you can do as an editor: 

  • Write in a simple language, avoid overly long sentences, and use language that matches what your audience uses and can understand
  • Avoid too long or too complex words
  • Avoid reverse wording
  • Check for spelling mistakes
  • Fill in texts, title tags and heading tags
  • Use descriptive link texts
  • Make sure all links work
  • Never insert text into images as it can’t be read by the computer
  • Check your sitemap and make sure it is constantly updated, in case you change the page structure or add new pages
  • Tools: SiteImprove Accessibility Checker (Chrome Plugin)

As a designer:

For designers, there are a number of elements that you need to relate to and be aware of a few tools that you can benefit from. We’ve gathered the best here:

  • Any content that is not text should have a text option
  • Colors must not be the only indicator, and the contrast should accommodate color blindness and weaknesses
  • The page is logically structured and the content is visually ranked
  • The user should be able to enlarge the design up to 200%

Good tools for the designer:


As a developer:

For developers, accessibility poses certain demands to your code. It not only enhances user experience, but also helps search engine ranking, as Google also looks at accessibility when it ranks. To develop a website that is available, you should meet the following demands:

  • Semantic HTML: <div> does not tell the user anything about what kind of content it is
  • Keyboard navigation: the user should be able to navigate easily within the content by using the keyboard
  • Make sure there are no keyboard traps, your page becomes useless if a user can not close a pop-up using the ESC on the keyboard
  • The purpose of each link should be able to be determined from the link text or link context
  • Labels and instructions: it should be easy to understand how to correct errors
  • Allow the editor to fill in all text, title tags and heading tags
  • Error Identification: it should be easy for the user to find their mistakes

Good tools:

Contact

Signe Bloomstine

UX Designer & Digital Strategist

 

hello@adaptagency.com