Skip to main content

#MyFriendAlexa - The Most Common Accessibility Issue in Blogs

In my first blog of accessibility series, I tried to explain what is digital accessibility. I put stress on the importance of accessibility and promised that I will help in making our blogs accessible. When a website is correctly designed and developed, all users can have equal access to the sites' information, functionality, and benefits. But not many of us have much control over the design of the blog website we own.

We normally take a pre-designed and developed template. We also go for customization if needed but that is limited to using customization user interface provided by the website provider. Some of us try our hands into the actual technology used for the website development (HTML/CSS/PHP/Javascript). What type of website owner you are, decides the level of accessibility compliance you can achieve for your website. But first I would like you to understand how specially-abled people access the digital world. They use Assistive technology (AT) which enables persons with disabilities to perform tasks that might otherwise be difficult or impossible for them. With AT, users can do the following things :
  • Listen as web pages and other documents by a screen reader.
  • Use refreshable braille to interpret electronic content.
  • Enlarge words and pictures on their monitor using screen magnification or zoom functionality of browsers.
  • Change background and foreground colors on a screen using operating system accessibility settings. Color impaired people use this option. 
  • Use voice commands to open a browser or other document, pause a video, or complete a form.
  • Navigate a web page or software application without a keyboard or mouse.
  • Use a combination of AT together such as a screen reader and Braille display to navigate and understand a page.
A Real World Example

The most common Accessibility issue in blogs - Vibhu & Me
Nauheed works in my team as SME of accessibility domain. He can't see. But his disability stands nowhere when it comes to working in the office like us. Nauheed relies on screen readers for reading what is written on any screen. The screen reader is a text-to-speech help that lets persons with hearing disability work on the internet. Screen readers scan the whole screen and based on set rules (in its software) read out load what is there. Nauheed also uses speech commands and braille software. However, all of this technology and capability does not eliminate the obstacles that he encounters when working online. Most of the websites use images. And it is a perception that the visual representation of information attracts more people. But for a person with a disability, this actually creates a problem.

When a screen reader reads any web page/blog post, as it reaches to an image, it only announces "Image" and based on the title/alt text set for the image it then announces its name. It generally happens that we put so much of text in the image and the best example is the Pinterest image. A single image contains so much information. But when it comes to giving the title, we either caption it with our blog post title/keyword significant/ or simply what the image is about. The screen reader reads only that. For example, there is an image with our PM in it and next to his pic, the achievements of his government are written. This whole thing is in a single image. Now screen reader will not be able to read what is written INSIDE the image and in this case the achievements of the government.

I hope you understand what is the problem with text-heavy images. And accessibility says to avoid text-heavy images. The reason is obvious. No matter how useful information is there in that image, a person with a visual disability will not be able to access it. And if you don't give title and alt text at all to your image, the screen reader reads only "Image". This means, despite the image is relevant in context of the post, the screen reader reads it just as image. Don't worry, I will give the solution to this accessibility issue. Always give title and alt text to your blog post images. This will help screen reader big time. Also, whatever you have written in the image, include that in your blog-post as well. I know this will be a kind of repetition but if you do so, it will enable a blind user access that information.

There are many more small practices that we can adapt and eventually this will enable our blogs for Everyone. In my next post, I will share a few more accessibility fixes and tools that you can use to check your blog's accessibility compliance. Let us all help in building this digital world for Everyone.

'I am taking my Alexa rank to the next level with Blogchatter'

Comments

  1. Once again, a very informative post Shipra. Never knew about the points you have mentioned. AT sounds great and indeed is a boon for many. Awaiting next in the series.

    ReplyDelete
  2. A unique thought. Your post has motivated me to inculcate such features in my blog which can help everyone in enjoying what I want to convey. Thanks for this post

    ReplyDelete
  3. I always make sure that my blog posts are optimised for image search engines. Great post. Waiting for the next ones in the series

    ReplyDelete
  4. This can be such a blessing for so many. Never knew title and alt text could be useful to play such a role! :)

    ReplyDelete
  5. This is something new to me. Thanks for sharing.

    ReplyDelete
  6. Very informative post. This will help many bloggers for sure. Thank you for sharing.

    ReplyDelete
  7. A very important series. it is great that there has been so much development in the world of technology to bring more equality and hence work opportunity for differently abled people as well. We definitely need to be more aware of the technology and make the wold more accessible for everyone!

    ReplyDelete
  8. thats something new i learnt today ..thank you

    ReplyDelete
  9. Very nicely mentioned about the relevant points to remember while writing a blog. good one.

    #myfriendalexa #poseinstylereads
    http://www.poseinstyle.com

    ReplyDelete
  10. Wow! these are such helpful tips #Viddhreads #Myfriendalexa

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. Certainly some good points. Never knew most of it. #Nehareads #MyFriendAlexa

    ReplyDelete
  13. Thanks for explaining with Nauheed example . I will take care in my future images .

    ReplyDelete
  14. Great post, Shipra. Having studied digital marketing, I didnt come across the term AT. It is crucial that our posts are seo optimized. #LiveItYoungReads #MyFriendAlexa

    ReplyDelete

Post a Comment

Popular posts from this blog

A few questions to Halloween party people of India

Ugly pumpkins, ridiculous costumes and over-the-top makeup, trick or treating for kids and scary themed parties for the adults, the story of Halloween runs deeply in the Western culture. And these days I have been observing a flood of Halloween posts in my social media accounts . "10 ideas to celebrate Halloween with your kids..", "10 craft projects for Halloween..", "10 things to do at Halloween night.." There are parties happening for Halloween. Costumes are getting sold. Myriads of contests are posting spooky pictures and asking to share even more ghostly pictures. And amidst all this, I am puzzled, baffled and tickled.

I don't know if this is the notion of globalization or a modest thought to adopt cultures regardless of the geographical borders. Howbeit, I am sure about one thing that I hate the idea of kids celebrating Halloween here in India.

I have a few questions in my mind that I humbly want to ask those Halloween party people:
How you are p…

#MyFriendAlexa - Is Your Blog For Everyone?

A Bit of Introduction 

Two months back, I joined a new company as a software project manager. And with this, I also shifted to a new city. I could not write much during this shifting time, as there were many other things that needed my attention on priority. With a new job, new city and a new house, I faced challenges of finding a new school for my kid, a new market where I can buy staple items and a new setup for my family which was in habit of living a comfortable life in Delhi. #MyFriendAlexa I took as an opportunity to proffer life back to my blog which was the most neglected entity of my world during this movement and adjustment span. My target is to write 8 posts for #MyFriendAlexa campaign in which 4 will make you a bit more compassionate person, and remaining 4 will make you more informed.

The First Post Of #MyFriendAlexa 

Coming back to the title of this post, I know you might be awed to read it. Of course, there is no discrimination who can read the blog and who not. Our blog…

Be Healthy With Infused Water And InstaCuppa #SuperBloggerChallenge2018 #Instacuppa

Two things are in my mind mostly these days: Having a healthy Lifestyle and Staying Happy.
Happiness and good health are very much connected to each other, isn't it? If you are happy your health remains good. And if you are healthy, you keep on increasing your happiness. The easiest trick to stay healthy is to have a good water intake every day. However, as simple as it looks, for most of the people, drinking sufficient water every day is a task. They somehow ignore this very essential need of the human body. Every single cell in our body needs water to function properly. The result of less water intake is eventual dehydration, dull face, fatigue, bloating and weak immune system.

Can drinking water help you stay healthy? Spoiler alert, YES IT CAN!

Now, if you are bored of having the plane, tasteless water, then you must know about INFUSED WATER. Infused water is adding different kinds of fruit, vegetables, and herbs to water and letting it settle for some time. This way, all antiox…