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 />

Example file Using Aria-Describedby

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 instructions are associated with the ‘aria-describedby’ technique when you run the screen reader on this form across all the platforms.

Please enter capital letters only


Please enter smaller letters only


select appropriate age

Please Select the Gender



It allows 1000 Characters only

To get more features

Fill the required fields and click on submit
This clears all the entered data

Source Code

<br /> <label for ="fn">first name</label></p> <div id="aaa"> Please enter capital letters only </div> <p><input type="text" id="fn" aria-describedby="aaa"/><br /> <label for="ln">last name</label></p> <div id="aaaa"> Please enter smaller letters only </div> <p><input type="text" id="ln" aria-describedby="aaaa"/><br /> <label for="age">age</label></p> <div id="bbb"> select appropriate age </div> <p><select id="age" aria-describedby="bbb"><option value="10">10</option><option value="20">20</option><option value="30">30</option><option value="40">40</option></select></p> <div id="ss"> Please Select the Gender </div> <p><input type="radio" name="sex" id="m" aria-describedby="ss" checked> <label for="m"> Male </label><br /> <input type="radio" name="sex" id="f" aria-describedby="ss"> <label for="f"> Female </label><br /> <label for="cc"> Comments: </label></p> <div id="con"> It allows 1000 Characters only </div> <p><textarea rows="5" cols="50" id="cc" aria-describedby="con"></textarea></p> <div id="ttt"> To get more features </div> <p><input type="checkbox" name="terms" id="ii" aria-describedby="ttt"> <label for="ii"> I agree terms and conditions </label></p> <div id="submission"> Fill the required fields and click on submit </div> <div id="descriptionClose"> This clears all the entered data</div> <p><input type="submit" aria-describedby="submission"> <input type="button" value="reset" aria-describedby="descriptionClose"><br />