To mark Global Accessibility Awareness Day on 21 May, DigitalFWD partners Siteimprove talk us through the top five areas that make your website more searchable and at the same time accessible for more users. They have also created a free on-demand webinar.
Did you know that guidelines and best practices for SEO and web accessibility have many overlaps, and that with a little consideration you can kill two birds with one stone?
Here are the top 5 most important overlaps:
1) Page titles
The page title is the most important on-page SEO element. Therefore the page title should describe the page content accurately, include important keywords, and be unique for every page. If you insist on including your company name, it should be placed after the keywords. At the same time the page title is the first thing a screen reader renders to the user. For this reason it is important that the page title provides a good description of what is expected from the page content.
Headings must be "real" headings (<H>), and not just styled to look like one, in order for search engines to recognize them as headings. Every page must have one H1 heading (the most important heading) where important keywords should be included. To make the page more readable you can divide it into subsections with H2 subheadings - ideally also including important keywords. For instance, if you have a visual impairment and are unable to get an overview of a web page visually, you need to have an overview in another way. This can be done by pulling out a list of headings on a page, which is why it is important that headings on the page are also headings in the code and that they are used to divide content into logical sections.
3) Alt texts
Alternative texts, or "alt text", were originally created to provide a text alternative to users who are unable to see an image. Search engines likewise cannot "see" an image. Instead they use the alternative text (contained in the HTML code) to understand what the image is showing and what its function is. Therefore, an alt text must describe the contents of an image. Make sure to include important keywords - but only if it makes sense in the context of the image. If a visually impaired user is not able to see an image, it is often of vital importance that an image be supplied with alt text that reflects the purpose of the image.
4) Link texts (anchor texts)
A link text should describe the page that it's linking to. Generic texts such as "click here" and "read more" do not provide any information to the search engine about the destination page. The same applies to users of screen readers when they try to get an overview of a web page. Often they may pull out a list of links on a page or tab between links, so it's important that the link text makes sense when read out of its context.
5) Sensory Instructions
If you are referring the user to a certain area/element on the web page, make sure that you do it in a way that enables all users to find it. A screen reader renders content to the user in one long sequence. For this reason there is no design or any columns when a user of screen reader receives content. Avoid, for example, saying: "You can find more information in the box on the right". Instead combine it with some text saying: "You can find more information in the box on the right with the heading 'Information about…'" Search engines also do not understand sensory characteristics, so you aren't gaining anything by saying "in the box on the right". Instead use sensible (search) terms explaining what you are referring to.
Click to access Siteimprove's free webinar on how accessibility and SEO