When creating your website, there are certain things to keep in mind like your website’s accessibility. Your website’s accessibility, as it indicates, is how your website adjusts to different uses and how it’s easy to access by them.
The easier your website is to access for different users, the more accessible it is. If you’re trying to make your website adaptable to all kinds of users no matter how different their movement abilities are, or their vision is, then you’re in the right place.
This guide will help you learn the right practices in website-design when it comes to creating an accessible website.
Note: This guide is a combination of tips and pieces of advice that are to be used just like that, pieces of advice. This guide does not constitute any legal advice and is not to be held reliable or responsible for certain laws or regulations.
The first thing you need to keep in mind when creating an accessible website is to have a page title on every single page. The first thing visitors see when finding out new pages and when introduced to new topics is the page title, that’s why you need to have one.
Your page title needs to reflect the topic of your page, and it also needs to be accompanied sometimes with a page description in order to make it easier for visitors to understand what your page is about.
It’s important to keep tabs on your page’s HTML tags and structure as well as it’s the main thing that makes your page navigable and that makes it easy to understand. So, in order to make your page structured, or your post structured, start with some headings.
Your headings that come in descending order and in a linear format are what give your content some structure, and not images or texts that are written in a bold or italic way.
Make sure your texts are easy to understand and are easy to read by adding respectable and adequate line and letter spacing using the theme customizer or the page designer.
There are some general rules of thumb when it comes to this like the fact that there should be a line spacing that is 1.5 times your font size and a paragraph spacing that is 2 times the font size.
Make sure when adding links to your text or to your content in general that the purpose is clear and is easy to understand from the context alone.
Make sure to specify the reason why you’re adding that link in the first place this way visitors can’t be misled.
When adding social sharing icons to your website, make sure to add text links to your social media accounts. Your visitors need to clearly know which social media account and platform they’re signing up for and what’s the purpose of those social media sharing icons.
The content that brings more attention is nonother than images. Usually, images are easier to read and bring more attention from visitors than texts which is why website owners use images a lot in their content.
So, when adding images to your website, make sure to first find out the reason why you’re adding it. Is it for a decorative purpose? Is it for an informative purpose? And so on. Once you answer these questions, you’ll then be able to use a descriptive text (alt-text) to say what the image is about and the purpose it serves.
The descriptive text (alt-text) is used by screen readers and it helps them figure out what the image you used serves for. If you’re using the image for a decorative purpose, then you don’t need to use an alt text describing it.
Here’s what to keep in mind when adding images and their alt text, don’t create an alt text that is over 125 characters. The shorter and simpler it is, the better it will be and the easier people will understand it. Make sure your alt text is concise as possible so that it’s quickly picked up by readers and is understood. Don’t use alt texts that start with “an image of” or “a picture of” since there might be some technologies that can identify that it’s an image.
For people that visit your website and that might have hearing impairments making it hard for them to listen to your audios, make sure to use a transcript that details what’s said on the audio so they don’t feel left out.
When adding videos to your website, keep in mind that there are some people who can’t actually listen to the content of it which is why you either need synchronized captions so they can read what’s being said while it’s being said, or simply add a transcription of what is said on the video this way they can still read what’s being said even if it’s not synchronized.
Most website owners sometimes forget how important colors actually are. Colors make your website more attractive and give it more personality. But, to make your website more accessible, you need to keep in mind that there are some people that have color blindness and can’t see colors as other people can.
That’s why it’s important to use colors that can be seen by most people even if they have color blindness. There are several tools for this including online ones that can help you see how your website looks like for a color-blind person.
But, these tools are third-party ones and are therefore not connected to Avoori, so, if you want to use them, you have to use them outside the scope of Avoori.
When choosing colors for your website, keep in mind to use group colors that have high contrast and online tools to see how your website looks from other people’s point of view, and make sure to avoid using colors that are difficult to differentiate for color blind people.
Is my site accessible?
The answer can’t be a definite Yes or a definite No depending on where you live, where your visitors are from, and on the ever-changing regulations every year. Your website needs to comply with the laws of your country and also the laws of the country where your visitors are from. You can check the laws and see if everything you have going on with your website complies with them, or if you still need to add some other modifications. If not, then you can always hire a specialist to take a look at your website and give you their honest opinion.
Is Avoori working to improve accessibility?
Avoori is an ever-lasting mission to make accessibility on our platform better. We’re always up-to-date with international regulations and laws and make our platform comply with them whether it’s on the front-end or back-end. We also make sure to update our guides regularly to include accessibility’s best practices.
Here other guides that can help you: