Accessibility and SEO are tightly linked

How both these things are tightly linked and how accessibility benefits SEO

It is interesting that making a website accessible is often left to the last iteration of design before ‘go live’. This is a bad idea and something I briefly mentioned during a recent book review.

SEO is also something that is left until the very end of the process, normally after go live when people start to notice that their site isn’t number 1 in Google for “generic, highly sought after term”.

It is a shame because both of these things are very important for very different reasons and crucially a lot of the things you will do to try and make your site accessible will also help with SEO and a lot of the stuff you do for SEO will help to make your site accessible.

There are two main reasons for this.

Both practices require you to think of your user first and foremost

Answering questions like “Would someone without prior knowledge understand this section”, “Does this menu layout make sense”,  and “Will someone know where this link is taking them” will help make your site accessible because you are thinking about how people are going to access your site.

It is going to make your site more SEO friendly because these are the types of things search engines care about, that is keywords, site structure, and anchor text.

Both practices ensure your code helps to explain the content

Following good technical practices like ensuring you are using the correct elements to present your data to the browser and adding supplementary information when the element alone isn’t enough will make your site more accessible because assistive technologies can role with these and help present your site to your user in the best possible way for them.

It is going to make your site more SEO friendly because this type of rich data can really help add context to your content. If you mark up your pages correctly then search engines have a much easier time categorising and presenting that information to their users.

Specific examples of SEO and Accessibility walking hand in hand

Here are some specific examples of what typically is talked about in one camp or another but actually applies to both.

Alt attributes

I heard first about alt attributes as an accessibility tool because they describe an image to someone who cannot see or understand the image.

Crucially, machines also have a hard time understanding images, so describing them really helps search engines out when understanding what all the content on your page is talking about.

This also means that images that are purely decorative shouldn’t have alt tags, this means screen reading software won’t attempt to read them out and search engines won’t care about them (win win).

Text Equivalents

Building on the alt tag theme is the fact that if you have say an audio file on your page common accessibility thinking would be you should have a transcript of the audio available for folk who can’t hear, or are using a device that can’t play audio.

Search engines also can’t hear very well and often people will remember snippets that someone has said but not the contextual keywords. A transcript is easily read and indexed by search engines and will help people find your site.

Using clear language

Describing things in their simplest form and writing in a way that is easy to read is a massive accessibility win. The language you are writing in may not be the readers first language, they may have a disability which makes reading hard or maybe they are on a device which isn’t really designed for reading.

When people search for things they normally try and search using clear and simple terms, if you are writing in those terms there is a good chance you are going to be ranked highly for them.

Don’t use CSS to present content or meaning

This means it doesn’t matter if you like the style of your H3, you should only ever use it when you are actually describing a third level heading. It also means that you don’t just colour a deleted bit of content red, you mark it up as such.

Keyboard users who skip between headings will thank you as will colour blind users. Of course so will search engines because they don’t care about CSS they just care about the markup on your page.

Making sure URLs are readable and logical

I had always considered this to be a purely SEO driven decision because search engines care so much about the content that resides in the URL.

The accessibility win is that a clearly laid out URL is better for everyone. If someone can look at your URL and deduce the content of the page they are going to feel happier about clicking on it and more sure of their decision.

Wrapping up

Hopefully you agree with me that a good deal of what is good for SEO benefits accessibility and what is good for accessible design is good for SEO.

If you are interested in how you can make your website more accessible, and therefore more SEO friendly, I’ve written up a guide to some free tools to help make your website better.

Recent posts View all

VS CodeWeb Dev

Select multiple lines in VS Code

How to select multiple lines to edit at once within VS Code

VS Code Web Dev

Move a line up or down with VS Code

A quick tip on moving lines up or down a file using your keyboard in VS Code