10 ways to make your blog accessible for people with a visual impairment

As a blind blogger myself and a screen-reader user, accessibility of blogs is so important for me, it is at the forefront of my blog and I always try to ensure that my posts and pages are fully accessible to people with a visual impairment, as well as any design or themes that I use.

The accessibility of a person’s blog is the deciding factor for me whether I stay on their blog and check it out or whether I click off, if a blog isn’t accessible then I tend to click off as it is very frustrating and time consuming to try and navigate around the inaccessible parts, it is also very problematic.

If I like a person’s blog, find their content interesting and their blog is accessible then I’ll usually stick around and explore their site, subscribe to their blog, follow them on social media and continue to visit their blog in the future.

I love discovering new bloggers, but the amount of bloggers who’s sites aren’t accessible for screen-reader users is crazy. Granted, I know that not everyone knows how to make their blog accessible, or they just haven’t thought about it.

With all of that in mind, I thought that I would write a post and share some tips on how to make your blog accessible for people with a visual impairment.

It’s important to remember that every blind and visually impaired person has different levels of vision and use a wide range of assistive technology, some blind people use screen-readers like myself, and others use magnification software.

It’s important to make your content accessible to everyone, at the end of the day, inclusivity is key.

Picture of a MacBook

1. 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.

2. 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’.

3. Use a good size font throughout your blog

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.

4. 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.

Life of a Blind Girl blog logo

5. 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.

6. 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.

7. Use headings

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.

8. 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.

9. 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 blog. 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 on your blog, then add an option for people to click to start it if they want to, rather than it starting automatically.

10. Test your blog on different devices and browsers

The accessibility and look of your blog 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 blog is mobile friendly!

picture of an iPhone

So, there you have it, 10 things you can do to make your blog accessible.

Do you have any other tips? Feel free to leave them in the comments!

If you have any questions, then please do not hesitate to get in contact, or leave them in the comments, I’d love to hear from you

Holly x

29 Comments

  1. September 19, 2018 / 7:31 pm

    Thank you so much for this post, Holly! I’ve started trying to make my alt text on images more descriptive and I’ll probably end up going back through my posts adding alt text to all my images. This post was super helpful x

    Em ~ http://thisisemsworld.com

    • lifeofablindgirl@gmail.com
      Author
      September 19, 2018 / 8:39 pm

      I’m so glad you found it useful, that’s amazing that you’re doing that! Thank you so much lovely x

  2. September 19, 2018 / 8:45 pm

    Great post. I have to admit I wasn’t aware of the Alt Text thing. I’ve never put anything in that box but I will be now. I’ll also be going back to improve the accessibility of my older posts!

    • lifeofablindgirl@gmail.com
      Author
      September 19, 2018 / 8:49 pm

      Really glad you found it useful. That’s amazing, thank you so much

  3. Lynne Nicholson
    September 20, 2018 / 6:18 am

    What is seo.
    I’m thinking of starting a blog then I find all these terms I don’t understand and think I’m too old to start trying this stuff when I’m still trying to learn to use technology in a new way since becoming blind two years ago

    • lifeofablindgirl@gmail.com
      Author
      September 20, 2018 / 10:56 am

      SEO is search engine optimisation, basically how search engines find and rank your posts. If it’s something you want to do then definitely go for it, you can do it 🙂

  4. September 20, 2018 / 2:00 pm

    This is super helpful. VoiceOver is working nicely, but I need to work on the standard WordPress font, something that has bothered me from Day One. Thanks for the reminder.

    • lifeofablindgirl@gmail.com
      Author
      September 20, 2018 / 10:33 pm

      Thank you, so glad you found it useful. No problem 🙂

  5. September 20, 2018 / 4:21 pm

    Great post as always hun! I know this post will help a lot of people, it’s definitely one that was needed!xxx

    • lifeofablindgirl@gmail.com
      Author
      September 20, 2018 / 10:34 pm

      Thank you so much lovely, I really hope so! Xxx

  6. September 21, 2018 / 3:14 pm

    Thank you so much for this, I really want to make my blog and my you tube as accessible as possible but if you do not have those impairments it can be hard to know where to start. I have shared this out and I really hope my blog fits all the criteria I will certainly be checking asap

    • lifeofablindgirl@gmail.com
      Author
      September 21, 2018 / 8:11 pm

      That’s brilliant, thank you so much! I completely get that, that’s what inspired me to write it 🙂

  7. September 21, 2018 / 6:27 pm

    I’m definitely going to start using the alt text. My blog is currently a close-to-white font on a very, very dark brown background. I’ve always thought it was incredibly readable (not like purple on black or something) but I didn’t realize this could be an accessibility issue. Do screenreaders have problems with the inversions? Is it just low-contrast color choices that are a problem? I can look into changing it to black on white, I’ve just always really liked the inverted palette. (I’d be sad to see it go, but if it’s an accessibility issue, I’ll deal.)

    • lifeofablindgirl@gmail.com
      Author
      September 21, 2018 / 8:13 pm

      Fantastic. Screen-readers don’t have issue with font, some people that have some useful vision might. Hope that helps 🙂

  8. Greatness Reinvented
    September 21, 2018 / 6:42 pm

    These are great tips but you should all be following DAC standards and aiming for at least AA. In fact it is a legal requirement for companies. So if you are a large influencer you may fall in to this bracket. You can find them at http://digitalaccessibilitycentre.org

    GR | https://www.thegreat.uk

    • lifeofablindgirl@gmail.com
      Author
      September 21, 2018 / 8:14 pm

      Thank you

  9. September 22, 2018 / 2:23 pm

    Thank you for this post .
    I just started using alt descriptions for SEO last week because yoast suggested it. I didn’t know about the screen reader use of it, so will start doing descriptions for new posts and eventually go back and fix old ones.

    • lifeofablindgirl@gmail.com
      Author
      September 22, 2018 / 11:45 pm

      That’s great, glad you found it helpful

  10. September 23, 2018 / 4:05 pm

    Thanks so much for sharing this post. I’ve been going back through all my old posts and adding the alt descriptions to all my images for awhile now – it is taking a long time, but I was happy to read that it may be helpful.
    Joan
    http://kindness-compassion-and-coaching.com

    • lifeofablindgirl@gmail.com
      Author
      September 23, 2018 / 8:23 pm

      No problem at all. Thank you for doing that, it’s definitely worth it 🙂

  11. September 23, 2018 / 4:55 pm

    Thank you for sharing all of these tips! Honestly I had no clue how to go about making my blog accessible to the visually impaired. I need to get better with my alternative text for sure and will endeavor to do so in future posts as well as updating old ones!

  12. September 24, 2018 / 5:16 pm

    Thank you for sharing these tips. I never even thought of such things when setting up my blog, but I will be going through it and making sure that things are set up to allow better accessibility for those with visual impairments.

    • lifeofablindgirl@gmail.com
      Author
      September 24, 2018 / 10:51 pm

      No problem at all, I’m glad it was helpful. That’s brilliant, thank you so much for doing that

  13. tahir Ali
    October 3, 2018 / 4:36 am

    sight is one of the most important that a person can have this article is really helpful thank you so much.

    http://vips-guide.blogspot.com/2018/10/OrCam.html
    this glasses also for visually impaired person take look it will be great help for blinds.

    • lifeofablindgirl@gmail.com
      Author
      October 3, 2018 / 3:40 pm

      Thank you, no problem

  14. bethemilydann
    October 28, 2018 / 11:24 pm

    I hadn’t thought about a lot of these things, you’ve really opened my eyes. I will be bookmarking this post and editing my site accordingly xx

    http://www.bethemilydann.co.uk

    • lifeofablindgirl@gmail.com
      Author
      October 28, 2018 / 11:45 pm

      Yay! That’s brilliant, thank you so much xx

  15. January 13, 2019 / 5:48 pm

    Great post, I definitely wasn’t aware of all of those and how little tweaks can make huge different to visually impaired people to enjoy online content. I will definitely try to adjust my blog accordingly.

    xx A.

    https://mylondonandbeyond.wordpress.com/

    • lifeofablindgirl@gmail.com
      Author
      January 14, 2019 / 12:15 am

      Thank you, I’m glad you found it useful. That’s great, thank you for taking the time to do that xx

Leave a Reply

%d bloggers like this: