5 ways Eonic makes your website accessible

by

Lead Design, UX/CX, UID & Brand Development

Here are just a few of the ways that all Eonic Digital websites are designed to be easy to use for disabled visitors:

1  Colour Contrast

To make sure your site is easy to use for visitors with poor vision, we make sure all the text on your website contrasts sufficiently with the background to make it easy to read (using at least a 4:5:1 contrast ratio to be specific). We also make sure that if text is over a video or image, you can still read the text clearly on every screen size. Elements within a form will also have a good contrast ratio to the background.

2 Font Size

We make sure the default font size used on your website is large enough that it’s easy to read. Then we make sure that when a visitor increases the font size in their browser, everything still works smoothly up to 200% font size increase.

3 ‘Skip to Content’ Button

For visitors using screen readers, or who can’t use a mouse, it can be tedious having to go through the whole menu at the start of each page. To help here, we add a skip to content link, which lets users go straight to the text of the page. To see this, you can hit tab on an Eonic Digital website and the button will appear.

4  Highlights for Keyboard Users

To further assist visitors who can’t use a mouse, we make sure that if you navigate through a page using the tab button on your keyboard, there is always a clear highlight to show you where you are in the page.

5  Avoiding Conveying Information Only Through Colour

You need to make sure that you don’t rely only on colour to give information as this will be difficult for colour-blind users. One place this often happens is with links – just changing the colour of the text isn’t enough to show it can be clicked. That’s why we make sure to add an underline to our links, so colour-blind users can easily pick them out of the text on the page.

There are also many other more technical ways we keep out code accessible - if you would like further details about how we make our websites accessible, please contact us on 01273 761 586.

Making sure the website is built for users with disabilities is only half the story; you also need to make sure the content you add to the site will work for them too. Find out more in our future articles on accessibility.

For your next web project, why not choose a web agency that makes the needs of disabled users a priority? If you aren’t sure if your current website is accessible, here at Eonic Digital we offer a free review of your existing website, to let you know of any barriers your disabled users might face.

Please contact us on 01273 761 586 to find out more.

FAQs

Visit pagespeed.web.dev and enter the URL of the page you would like to test. This can highlight some accessibility issues and help point you at some ways to improve the accessibility of your website, but there are many other areas it doesn’t cover that need to be checked manually. Or you can call Eonic Digital for a free review on 01273 761 586.

We make sure all our websites are built to the AA WCAG 2.2 web standards. We can also build to AAA on request, but this does severely limit the colour choices available and therefore can make it harder to match your website to your branding.

About the Author

Lead Design, UX/CX, UID & Brand Development

"It's much more than design, it's about the user experience."

More about Victoria

by

Lead Design, UX/CX, UID & Brand Development