Top 10 inaccessible things that make my life very frustrating, annoying, and then dependent

Overview

 

I am person with visually impaired (totally blind) and I would like to share my experience on the accessibility of apps and websites that I use as part of my day-to-day activities. As part of this, I would like to discuss top 10 things that are really affecting and bothering me very much because of inaccessibility of those apps and websites. The top 10 things that I am going to discuss today are not only the issues for me but also these are the issues for whole community. Before writing this article, I spoke to many visually impaired friends and most of them are having the same views as I have.

As you know, most of the things(such as buying the product, ordering the food, booking flight tickets, booking cab, net banking, booking doctor appointment, paying utility bills, reading news, getting updated with the knowledge, watching movies, listening to music, applying for the insurance claims, updating  insurance cards, tracking the status of parcel, booking the bus/train, mobile recharges, booking gas, paying life insurance/health insurance/term insurance  premiums, catching-up with friends and family in the online meeting platforms, sharing the feelings in the social networking sites like Facebook, twitter, LinkedIn, whats app, online education, applying for the job, applying for housing loan, checking our PF amount, filing the income tax, booking hotels/resorts, apply for the passport, and much more..) can be done in the online itself. Making the things in the online is very convenient and easy for the users as the works get done without stepping out from our house. In addition, pandemic made people to use the online mode with force as people believe that online mode is very safe. Since most of the things are happening in the online, imagine what if these websites/applications are not accessible for the people with disabilities like me? if these websites/applications are not accessible for the people with disabilities like me then it is going to create huge barrier for us. As a result, people with disabilities would not be independent enough in accessing the same. Therefore, it is very critical to make the applications/website accessible for the people with disabilities. let us look at top 10 things that are really affecting and bothering me while accessing this information digitally.

Top 10 inaccessible things that make my life frustrating

 

  1. I need to pay utility bills (such as electricity bills, mobile recharges, d2h, and so on.) on the monthly basis and many people use Paytm app to do the same. Unfortunately, Paytm is not great in terms of its accessibility. The biggest challenge with the Paytm app is that the page keeps getting refreshed/updated while accessing the elements with the screen reader and as a result, the focus gets lost. This makes the experience horrible for the assistive technology users in accessing and paying the utility bills. Although there is an alternative accessible app called google pay, my question is why don’t paytm team make their app and website accessible for me and my community? Even though community raise many concerns about its accessibility, they did not really care. I stopped using paytm app all together. Another aspect is that am forced to use google pay here despite of good offers/deals in the paytm. It is not fare that I cannot take the advantage of those deals and offers that paytm is providing. It is really discrimination
  2. I need to do certain financial transactions on the regular basis with the help of net banking. However, some of the bank websites are having image captcha to login to the sites. This image captchas makes us dependent to do the financial transactions and it’s very frustrating. To overcome this challenge, banking websites should provide alternatives (such as OTP logins, audio captchas, and so on.) to image captchas to provide equal experience for all the users
  3. I was recently trying to book the slot for the covid-19 vaccination in the cowin website but, I was unable to book slot for the vaccination due to its inaccessibility. Imagine if health related things are not accessible for people with disabilities, then we feel very insecure in the society. Government should take right measures to make such health-related thing accessible for all the users and it’s a fundamental right for the citizens. Anyways, I took vaccination from my company and my company arranged vaccination for me and my family and the process went very smooth, thanks to my employer!
  4. When my family is not around, and I want to order the food in the online then I need to look for the food apps. one of the popular food apps is Zomato. Unfortunately, Zomato is not great in terms of its accessibility. The main challenge with Zomato is that screen reader users would not be able to understand that there are offers because all those offers are in the images format. Similarly, there are lot of unlabelled buttons (increment/decrement quantity) in the app and as a result, screen reader users would not be able to understand the purpose of those buttons. Although I can order the food in the Zomato, it is kind of bumpy!
  5. I sometimes need to buy household things or electronic items for my family and myself. To buy those things, I open online shopping app called flip cart app and try to access the app with my screen reader. Unfortunately, category names (such as men, women, electronic, kids, kitchen and so on.) are not read for me as those categories are represented in the image format. This kind of experience makes me very annoying and makes us dependent to buy the things. Although there is an alternative accessible website which is amazon, my question is why don’t flipcart team make their app and website accessible? I am forced to use amazon here despite of good offers/deals in the flipcart. It is not fare that I cannot take the advantage of those deals and offers that flipcart is providing. It is really discrimination
  6. When I want to go to hotel/resort for chill out then I open app called goibibo to book the hotels. However, I cannot even find search feature to look for the hotels in this app with my screen reader and it is highly inaccessible. I really get frustrated with these inaccessible applications because I cannot book hotel rooms by myself
  7. When I want to travel around the country then I must book the tickets in the online applications. However, most of those online apps (such as goibibo, make my trip) are not accessible because I cannot even select from and to city and calendar controls with my screen readers.
  8. When I want to send some food or some gift from my home to my friend’s home then I need to use app called donzo. To send the things from my home to my friend’s home, we need to search for my friend’s address in the donzo app. However, this core search functionality itself is not accessible with my screen reader and as a result, I am dependent to perform this task. When there is dependency then my frustration becomes doubled
  9. When I want to have entertainment then I want to open Aha app. Aha is one of the entertainment apps and many new movies get released in this app. However, I cannot access Aha app at all with my screen reader and it is highly inaccessible. The basic things such as playing videos and browsing the movie names itself are not accessible with my screen reader and it is really a big problem. Although there is an alternative accessible app called prime video, my question is that why don’t Aha team make their app accessible? Things are different from Aha app to amazon prime video and vice-versa. The simple example could be the movie that I want to watch in the Aha app is not available in the amazon prime video. Even though I am forced to use amazon prime video here, I cannot watch my favourite movie, is not it frustrating?
  10. When I want to understand what is going on in the society then I want to read the E-news. While reading the news in the online with my screen reader, lots of adds(advertisements) interrupt my reading. As a result, I give-up reading the news completely.

 

 

Conclusion

 

To conclude this, making the websites/applications accessible is very important thing for the people with disabilities like me. failing to do so makes the people with disabilities at disadvantage.

 

Switched from Nokia C5 keypad mobile to Android Moto G3 touch mobile

I used Nokia C5 mobile for about 6 years and it was purchased with my salary around in the year of 2009. Even Earlier to 2009, I used to have mobile but all that was with the help of my father support.
Later on, the technology is growing up with high speed day by day and there is a touch phone revolution in the mobile space after few years. I was thinking that I had to change my phone because I wanted to follow the technology. However, there were 2 strong reasons that were stopping me to purchase new phone.
One was that I was scared of touch phone because it’s accessibility. Many of my friends insisted me to purchase iPhone because it is pretty much accessible. Unfortunately, iPhone is very expensive in India. Somehow, I never wanted to spend huge amount on the phone because I am very careless to take care of it. Other reason was that Nokia C5 was my first mobile with my salary and had some sort of emotions on it. I wanted to purchase touch phone at any cost by keeping all my reasons apart because I want to get updated.
I started finding out the options to purchase the touch phone with low cost. As mentioned already, iPhone was never my option at all. I found Android touch phones are better in terms of its accessibility and cost during my study. Finally, I have taken dare step and purchased new Android Moto G3 phone around 4 months ago.
Initially, I had a tough time to access Android Moto G3 mobile. It is because I never accessed touch mobiles earlier. The Nokia C5 mobile that I used earlier was having basic number/key pad that can be touched and felt and was not even “QWERTY” keyboard phone. After few days, I started getting used to Android touch phone slowly. All the actions that we have to do in the touch phone is through the gestures method only. I have learnt those gestures and using my touch phone pretty comfortably today.
I am extremely happy for using touch smart phone because it made me pretty independent in the few areas. Especially, booking the cabs such as Ola, Uber, taxi for sure and so on.., has become very simple and accessible in the my new smart touch phone. When I was using my Nokia C5 phone then I was unable to book the cabs. It was because of the no cab app support for the old phones/models and as a result, I used to take help from friends to book the cab whenever I have cab requirement in the past. Not only this cab support I enjoy in the my new phone but also I enjoy using the apps such as what’s up, TOI, and so on.. all these apps are used for the personal purpose.
on other hand, my new phone is also helping me in the my official life as well in terms of attending the meetings that are scheduled in the hang outs and GTM(go to meeting). The ‘hangout’ and ‘GTM’ apps are used at the optimum level during my travel from office to home and vice-versa. I also would like to convey that all the apps that I am using in the android phone may or may not be fully accessible but there is a work around to access those apps.
I would like to conclude that smart android phone with low cost really making my life pretty independent.

Example file using ARIA-Required

The below is the static form with html code snippet that is used for this example. The reason for providing the code snippet is that one can access the source code easily even if it is viewed in the mobile platforms. In general, it might not be very easy to access the source code of the form when this is viewed in the mobile platforms. This example makes you understand how the required fields are exposed with the ‘aria-required’ technique when you run the screen reader on this form across all the platforms.




Source Code

</p> <h1> Example file for Aria-Required </h1> <p> <label for="first">First Name *</label><br /> <input type="text" id="first" aria-required="true"> </p> <p> <label for="last">Last Name *</label><br /> <input type="text" id="last" aria-required="true"> </p> <p> <label for="email">Email *</label><br /> <input type="text" id="email" aria-required="true"> </p> <p> <input type="submit"> <input type="button" value="reset"> </p> <p>

Example for readonly and disabled attributes

The below is the static form with html code snippet that is used for this example. The reason for providing the code snippet is that one can access the source code easily even if it is viewed in the mobile platforms. In general, it might not be very easy to access the source code of the form when this is viewed in the mobile platforms. This example makes you understand how the read only and disabled attributes are exposed when you run the screen reader on this form across all the platforms.






Select Gender





Source Code

<br /> <label for="fname"> First Name </label><br /> <input type="text" id="fname"/readonly><br /> <label for="lname"> last Name </label><br /> <input type="text" id="lname"/readonly><br /> <label for="age"> Age </label><br /> <select id="age" disabled><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option></select></p> <fieldset> <legend> Select Gender </legend> <p><input type="radio" name="sex" id="mm" checked> <label for="mm"> Male </label><br /> <input type="radio" name="sex" id="nn"> <label for="nn"> Female </label><br /> </fieldset> <p><input type="checkbox" name="vehicle1" id="pp"> <label for="pp"> I have a bike </label><br /> <input type="checkbox" name="vehicle2" id="pp1"> <label for="pp1"> I have a car </label><br /> <input type="submit"/> <input type="button" value="reset"><br />

Example file Using Title

The below is the static form with html code snippet that is used for this example. The reason for providing the code snippet is that one can access the source code easily even if it is viewed in the mobile platforms. In general, it might not be very easy to access the source code of the form when this is viewed in the mobile platforms. This example makes you understand how the labels are associated with the ‘title’ technique when you run the screen reader on this form across all the platforms.


First name:

Last name:

Age:

Select Gender

Male
Female

Comments:
I agree the terms and conditions

source code

<br /> <span> First name: </span><br /> <input type="text" title="first name"/><br /> <span> Last name: </span><br /> <input type="text" title="last name"/><br /> <span> Age: </span><br /> <select title="age"><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option></select></p> <fieldset> <legend> Select Gender </legend> <p><input type="radio" name="sex" title="male" checked> <span> Male </span><br /> <input type="radio" name="sex" title="female"> <span> Female </span><br /> </fieldset> <p><span> Comments: </span> <textarea title="Comments" rows="5" cols="50"> </textarea><br /> <input type="checkbox" name="terms1" title="I agree the terms and conditions"> <span> I agree the terms and conditions </span><br /> <input type="submit"/> <input type="button" value="reset"><br />

Example file Using Implicit label

The below is the static form with html code snippet that is used for this example. The reason for providing the code snippet is that one can access the source code easily even if it is viewed in the mobile platforms. In general, it might not be very easy to access the source code of the form when this is viewed in the mobile platforms. This example makes you understand how the labels are associated with the ‘implicit label’ technique when you run the screen reader on this form across all the platforms.




Select Gender





Source Code

</p> <h1> Using Implicit Label </h1> <p><label> First Name<br /> <input type="text"/> </label><br /> <label> last Name<br /> <input type="text"/> </label><br /> <label> Age<br /> <select><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option></select><br /> </label></p> <fieldset> <legend> Select Gender </legend> <p><label><br /> <input type="radio" name="sex" checked> Male<br /> </label><br /> <label><br /> <input type="radio" name="sex"> Female<br /> </label><br /> </fieldset> <p><label> Comments:<br /> <textarea rows="5" cols="50"> </textarea><br /> </label><br /> <label><br /> <input type="checkbox" name="terms"> I agree terms and conditions<br /> </label><br /> <input type="submit"/> <input type="button" value="reset"><br /> </form> <p>

Example file Using aria-label

The below is the static form with html code snippet that is used for this example. The reason for providing the code snippet is that one can access the source code easily even if it is viewed in the mobile platforms. In general, it might not be very easy to access the source code of the form when this is viewed in the mobile platforms. This example makes you understand how the labels are associated with the ‘aria-label’ technique when you run the screen reader on this form across all the platforms.


First name:

Last name:

Age:

Select Gender

Male
Female

Comments:

I agree terms and conditions

Source Code

</p> <h1> Using Aria-Label </h1> <p><span> First name: </span><br /> <input type="text" aria-label="firstname"/><br /> <span> Last name: </span><br /> <input type="text" aria-label="lastname"/><br /> <span> Age: </span><br /> <select aria-label="age"><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option></select></p> <fieldset> <legend> Select Gender </legend> <p><input type="radio" name="sex" aria-label="male" checked> <span> Male </span><br /> <input type="radio" name="sex" aria-label="female" > <span> Female </span><br /> </fieldset> <p><span> Comments: </span><br /> <textarea rows="5" cols="50" aria-label="comments"></textarea><br /> <input type="checkbox" name="terms"aria-label=" I agree terms and conditions "> <span> I agree terms and conditions </span><br /> <input type="submit"> <input type="button" aria-label="reset"><br />

Example file Using aria-labelledby

The below is the static form with html code snippet that is used for this example. The reason for providing the code snippet is that one can access the source code easily even if it is viewed in the mobile platforms. In general, it might not be very easy to access the source code of the form when this is viewed in the mobile platforms. This example makes you understand how the group level label is associated with the ‘aria-labelledby’ technique when you run the screen reader on this form across all the platforms.


Name of the Candidate
First Name

last Name

Age of the candidate

Please Select the Gender
Male
Female
Comments:
It allows 1000 Characters only

To get more features
I agree terms and conditions

Source Code

</p> <h1> Using Aria-Labelledby </h1> <p><span id="noc"> Name of the Candidate </span><br /> <span id="fn"> First Name </span><br /> <input type="text" aria-labelledby="noc fn"/><br /> <span id="ln"> last Name </span><br /> <input type="text" aria-labelledby="noc ln"/><br /> <span id="aaa"> Age of the candidate </span><br /> <select aria-labelledby="aaa"><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option></select><br /> <span id="ss"> Please Select the Gender </span><br /> <input type="radio" name="sex" id="m" aria-labelledby="ss m" checked> <span id="m"> Male </span><br /> <input type="radio" name="sex" id="f" aria-labelledby="ss f"> <span id="f"> Female </span><br /> <span id="cc"> Comments: </span><br /> <span id="con"> It allows 1000 Characters only </span><br /> <textarea rows="5" cols="50" aria-labelledby="cc con"></textarea><br /> <span id="ttt"> To get more features </span><br /> <input type="checkbox" name="terms" aria-labelledby="ii ttt"> <span id="ii"> I agree terms and conditions </span><br /> <input type="submit"> <input type="button" value="reset"><br />