ALT attribute, tableless, specific elements for content, hierarchical heading tags and buttons with clear text. Follow these web accessibility tips!
We are going to start by the simple. Follow these web content accessibility tips by World Content Accessibility Guide (WCAG).
Briefly describe what you see in the image. This allows a reading software to tell blind people what the image is. The ALT is also useful for search engines to index the image. A good example of ALT: “Site.co logo”.
When you insert an image in WordPress media library, the “ALT” field appears at the right side of the screen.
Avoid tables for formatting a layout. This affects site navigation, make it slow to load and go against accessibility practices.
Premium WordPress templates, such as Site.co ones, which are free, don’t use tables for layout. This is called tableless style. They also are responsive, i.e., compatible with mobile devices.
Instead of writing in one single paragraph and giving space between text parts, use the correct elements for each one. The most common are: headings – title <h1> and subtitles <h1> to <h6> – and paragraphs <p>.
Anyone who uses WordPress with Site.co templates has no problem with this, since the visual editor assigns these elements to the text. You don’t need to write any code.
WCAG recommends using one <h1> tag per page, in the main title. Subtitles receive tags <h2> to <h6> according to the relevance degree inside the text.
Every button in the website must clearly describe the function it performs. As obvious as it may seem, the site navigability and accessibility gets poor if you forget to be clear. Remember that there is a difference between “Remove” and “Remove selected fields”, and so on.
With EasyPress by Site.co, you can build accessible sites with a visual editor, without touching any code. In addiction, use your custom domain name and get an e-mail accout, all free!