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'

Listen This Post Stop Listening Post

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

My 'Invisible' Accomplishments #DecadeHop #RRxMM

As we entered 2020, through this post I am trying to contemplate the coolest, most daring, and most significant feats of my life during the last decade. Now the more I regress my memory, the more I feel there are two types of achievements or accomplishments that I can ponder upon; Visible and Invisible. Visible ones are those that I can count on my finger like a parrot and others can nod also. I got specs on, married to a not-so-romantic man, produced a baby, started writing and added good 17 kgs in my body volume (I was 50 in 2011). However, there are many invisible accomplishments too that either I know silently or very few can assert.

From 2011 to 2019, Who am I now

From a coy soul to now an outspoken woman, the trek was not easy. I achieved it. From being a no-makeup girl to now a lipstick swatches observer, the transition was tough. But it happened. And from being a sweet hater to now a sweet lover, the change was mysterious yet occurred. And now I can die for Gulab Jamuns. And I…

#TheWomanThatIAm #RRxMM I am not the woman who..

I am not the mother who..
I am not the mother who stayed longer with her newborn, I resumed office when he was barely 2 months old. I am not the mother who witnessed each of my kid's milestones, I got to know them when being told. I am not the mother who could tell breastfeeding stories, my child is a formula-fed gold. I am not the mother who keeps the house spotless, I let my son scatter toys and go overbold. I am not the mother who manages a detailed list for parenting chores, I often keep my to-dos on hold. I am not the mother whom people admire, I hear people calling me selfish and cold.
ALSO I am a doting mother who tries to juggle between family and work every other minute.  I am a mother who watches silly cartoons with my boy.  I am a mother who repeatedly tells the same story every night.  I am a mother who cooks my son's favorite food every week.  And I am also a mother who is the closest person in my son's life!
I am not the wife who..
I am not the wife who has her biological…

#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…