Label all links and buttons
If links and buttons are labelled to say exactly what they are, for example ‘home’ or ‘search’, then blind and visually impaired people can determine what they are, either by a screen-reader reading the label out loud or the person seeing it using magnification software. Screen-readers do not read graphics as they cannot interpret them, and they can also be very hard for people with low vision to see, labelling them solves this issue.
Labelling links and buttons means that blind and visually impaired people don’t have to press a button without knowing what it is, which can often be a risky move, especially if it redirects to another site. By doing this, it means that people can navigate around your website easily.
Label comment forms
If you want everyone to be able to leave a comment on your site, make sure that your comment forms are labelled so that screen-readers don’t read things such as ‘edit field’ or ‘radio button’. Instead, make sure that each box is labelled correctly, for example, ‘name,’ ‘email address’ or ‘comment’.
Use a good size font throughout
This doesn’t just only help blind and visually impaired people, it can help sighted people as well. Having a good, clear font means that your content is easy to read.
Have a dark font against a light background
Avoid using white, use sans-serif fonts instead. Not only does this improve accessibility and readability, it also looks good in terms of branding as well.
Have an audio option when using captcha verification
If you have captcha verification on your blog when submitting a comment or when someone wants to subscribe to your blog or newsletter, look at the possibility of adding an audio option. Screen-readers do not read the graphics, and they are often very hard for people with some useful vision to see. Adding an audio option gives an accessible alternative but still maintains your site’s security.
If there is no audio option, then often blind and visually impaired people like myself just click off the site as there is often no other alternative way of completing such tasks.
Add alt text to images
This is probably the most important one, I cannot stress this enough! The number of images that do not have alt text on blogs or websites is ridiculous. It’s such a simple thing to do and can make such a difference to a blind or visually impaired person’s visit to your website.
Alt text, also known as alternative text, is a written description of the image. Describing what’s in the image helps a person with a visual impairment to build a picture of it and interpret it in their own way, consequently being more engaged in your posts. Please make sure that you add alt text in the alt text box, rather than the description box.
Many people think that the alt text box is there to improve seo, whilst this is the case, it can be invaluable to screen-reader users. Why not try and make a photo description that still links with seo? Please do not just put your keywords in the alt text box, as this serves no purpose to blind and visually impaired people and we still have no idea what the image shows.
If you don’t know how to add alt text, then add a photo description underneath images in your posts and pages instead.
Both are really easy to do so please consider doing one or the other.
I often get asked how descriptive image descriptions need to be, and I answer this by saying describe exactly what’s in the picture and be as informative as you can.
Blind and visually impaired people often navigate blogs and websites using shortcut keys. Using headings means that we can navigate around your blog easily and efficiently, being able to skip through post titles and other aspects. Adding headings also helps with readability.
Make link text something relevant
Rather than just putting ‘click here’, put something like ‘check out my post on…’ then people know what sort of page or website they’ll be directed to if they click the link.
Avoid using video and audio that starts automatically
It may look nice and sound good, but this can make it very hard for people with a visual impairment to navigate your website. If you use video or audio that starts automatically then people who use screen-readers have to listen to this as well as their screen-reader, which can be very difficult to do. It can cause problems for people with other disabilities as well.
If you want to use video or audio, then add an option for people to click to start it if they want to, rather than it starting automatically.
Test on different devices and browsers
The accessibility and look of your site can often differ on various browsers and devices. Make sure that all of the features that you have implemented work on different browsers and devices. By doing this, it means that people don’t have to test several browsers to find the best one, instead, they can just use their preferred browser.
Many people read blogs whilst on the go so here’s a top tip: make sure your website is mobile friendly!
Article originally appeared on: 10 ways to make your blog accessible for people with a visual impairment
Contribute an article
The Big Hack is an open community, and if you have an idea, or an article, about how to make the digital world more inclusive, we want to hear from you.Message us about a contribution