Skip to Content
Srinivasu.org > Articles

Articles

Fixed header on top vs Back to top link

December 7, 2014 • Srinivasu Chakravarthula

Recently Jitendra Vyas asked over Twitter that if users prefer fixed header or Back to top link; that prompted me to write this post. By the way, I started writing this when he tweeted but some how missed posting it; sorry about that.

Fixed Headers are very helpful for people who are mouse users, people with low vision, elderly and learning disabilities; reason is that it will be easily accessible even when user is at the bottom of the page and headier is always visible.

At the same time, back to top link is helpful to keyboard and screen reader users so that they can quickly jumb to the top of the page to use other navigational items. Specially this is useful when users are reading or interacting with lengthy pages.

So to conclude, I recommend use of both.

Categories: Articles, Uncategorized • Tags: ,

Button Shape feature on iOS 7 – very cool!

July 10, 2014 • Srinivasu Chakravarthula

I wish I activated this button shape long back. This is very cool. One of the benefits I see it increases visuals for buttons across the apps and also underline text on buttons.
20140710-092320-33800515.jpg
To activate this option, go to: Settings -> General -> Accessibility -> turn ON button options.

One issue Apple should fix is that contrast for cancel button on compose window of mail app. It appears as blue text on black when button shapes are turned-on. Screenshot below!

20140710-092946-34186073.jpg

Overall this is a cool feature for people with low vision, elderly and cognitive disabilities.

Categories: Articles • Tags: , ,

How the visually impaired can use a computer?

January 9, 2012 • Srinivasu Chakravarthula

Thanks to NASSCOM Foundation for publishing my below article.

Most often, people have a question – can a blind person use a computer? If so, do they need a special keyboard or a special computer?

Before answering this question, let me take an example of a typist who never looks at the keyboard but can type with speed and accuracy. How is it possible? Practice! Yes, it’s the same in case of people with vision impairment. They just need to be trained. They do not require a special computer – all that they need is assistive technologies.

Firstly, let us understand that vision impairment is of two categories:
1. Total Blindness
2. Low vision

Definition of blindness: http://www.nfb.org/Images/nfb/Publications/fr/fr19/fr05si03.htm

A person who is totally blind would be able to use the computer with the help of screen readers or Refreshable Braille Display. A screen reader is a software application that attempts to identify and interpret what is being displayed on the screen (or, more accurately, sent to standard output, whether a video monitor is turned on or not). This interpretation is then presented to the user with text-to-speech, sound icons, or a Braille output device. Screen readers are a form of assistive technology (AT) potentially useful to people who are blind, visually impaired, illiterate or learning disabled.

A Refreshable Braille Display or Braille terminal is an electro-mechanical device for displaying Braille characters, usually by means of raising dots through holes in a flat surface. This would be useful to those who are blind or deaf-blind. Because of the complexity of producing a reliable display that will cope with daily wear and tear, these displays are expensive. Usually, only 40 or 80 Braille cells are displayed. Models with 18-40 cells exist in some notetaker devices. A person with low vision would have to opt to use screen magnification software that allows the user to increase / decease the size of elements, change the contrast, use variety of mouse pointers etc.

With the help of these kind of assistive technologies, users with vision impairment can use almost all the applications in any computer such as word processing, spread sheets, presentations, internet, email clients, web designing tools such as Adobe Dreamweaver,programming tools like Visual Basic, .net, database management systems etc.

Although, they rely on audio output, they can work at an amazing speed! All this is possible since assistive technologies provide them the flexibility to read only the information they require. Let’s look at an example of how one can navigate through a web page using a screen reader – Non Visual Desktop Access (NVDA) – a free and open source screen reader.

  1. Press “Windows” logo key to activate the start menu
  2. Activate option “Run” and type the choice of application e.g. Firefox
  3. Once the Firefox application starts, press “Alt + D” to access the address bar
  4. Type choice of URL, e.g. http://www.yahoo.com

Now let’s understand how the screen reader actually reads. There are several ways to navigate the page using screen reader:

  1. By using the down arrow key to read the entire page.
  2. By using the “Tab” key to browse through the elements such as links and hit enter to activate the desired element.
  3. By using quick navigational keys such as H and Shift + H for headings, K and Shift + K for links, F and Shift + F for form fields, G and Shift + G for graphics,etc.

Also, most of the screen readers such as NVDA offer list of elements in a dialog box such as with NVDA, by pressing Insert + F7, user can revoke elements list box that consist of links, headings and ARIA (Accessible Rich Internet Applications) landmarks.

As explained above, users will have a lot of flexibility with these assistive technologies and can perform operations at a rapid speed!

Some of the popular screen readers:

Tip: If you are don’t have time to download the screen reader, but need a screen reader to surf the Internet, just visit http://webanywhere.cs.washington.edu and type the web address, and it will read aloud for you!

Now, let’s talk about people with low vision. Around 60% of people with low vision do not possess enough level of vision to see the monitor and for some, this vision may not be stable. Hence they prefer to use screen readers to avoid strain of the eyes. But the other set of low vision users use Screen magnification software to use the computer. Some of the feature that a screen magnifier have are:

Zoom-in and zoom-out the screen
Set the desired contrast for foreground and background
Increase and type of the mouse pointer
Adjust the speed of mouse pointer
Some have screen reading feature as combination

Some of the popular screen magnifiers:
– Dolphin Supernova, Commercial – http://www.yourdolphin.com
– ZoomText Xtra, Commercial – http://www.aisquared.com

To conclude, with the help of assistive technologies, a person with vision impairment can use computer for everything like any other user!

Thousands of Websites; all are citizen centric; but are they accessible to all citizens – a review

October 17, 2011 • Srinivasu Chakravarthula

Reproduced from CIS Accessibility Blog Thanks CIS for the opportunity.

Today, there are about 7800 Central and state government websites hosted by the National Informatics Centre (NIC). They are all certainly citizen centric – whether it is the Ministry of Finance, banks, the passport authority, educational board, transport, consumer affairs, or the most important website that generates revenue for the government – the Income Tax Department.

However, the question which we need to ask is whether these websites are up-to-date and accessible to everyone? Internet is often more useful to people who are elderly and for people having disabilities.

What does accessibility really mean? Accessibility is nothing but ensuring that information and functionality is available to all users including people with disabilities. The Accessibility Guidelines identify an accessible website as one which can be perceived, operated, understood and is robust. Today, thanks to the advancement of technology, people with disabilities are able to use computers and perform every task that others do. For example, a visually impaired person uses the screen reader to access the computer; a deaf blind user uses a refreshable Braille display, hearing impaired persons rely on captions to understand the multimedia, learning disabled users rely on image based content and elderly people prefer to see large fonts and so on. In addition, there are lots of features available in the browser itself. For instance, in Firefox, we can increase the font size by using key combination of CTRL and Plus and can also change the contrast of the page.

Having said that, website owners need to follow the Web Content Accessibility Guidelines (WCAG) 2.0 to enable people having disabilities and elderly persons to surf the web more effectively. In India, the Government of India and the state governments need to follow the Guidelines for Indian Government Websites (GIGW) formulated by NIC.

A brief survey of some 1500 of these websites revealed that barely one per cent of these meet the requirements of the above guidelines. Many of them are not up-to-date and some don’t even reflect government identity that could actually make users think of authentication.

The websites were checked for their elements and their mark-up; which means, audit was conducted to see text alternatives for non-text elements such as images, videos, buttons, etc. Other criteria were the presence of heading structures, associated labels for form fields, grouping of form elements, keyboard access for navigation, slide shows and other media, links and image maps. The test also checked to see if rich functionality works with keyboard and on text browsers; whether flash content works well with screen readers and documents are verified for accessibility; in addition, websites were checked for the color contrast.

The methodology used to test the websites was a combination of automated and manual testing. The initial testing was done using the automated evaluation tool WAVE, a Firefox add-on which checked for errors and features, structure, outline of the website, simulation of text version and simulation with no styles. This was followed by a manual check for appropriate text alternatives, heading structure, form labels, colour contrast, etc. The test revealed that most of the websites were not accessible, merely due to the lack of semantic mark up and common errors, some of which are described below:

  • No text alternatives for images – Without text alternatives, neither screen reader users nor search engines and those who disable display of the images on the browser can perceive information about the image.
  • No associated labels for form fields – Without associated labels, screen readers will treat the form fields as orphan form fields with no labels and read them as “unlabelled”fields. Hence, it will be impossible for visually impaired users to fill in those forms.
  • No heading structure defined – This would create an issue both for search engines as well as persons with disabilities. Assistive technologies such as screen readers usually have access keys for users to quickly navigate a page, which rely on the mark-up.
  • Deprecated Marquee has been used – This is a deprecated element in HTML and ought not be used anymore.
  • No keyboard functionality for flash content and drop down menus – Without keyboard support, people with mobility limitations and visually impaired or elderly users and those who do not wish to use the mouse cannot perceive the information.
  • Not enough government identity is present – It is GIGW’s requirement that all government websites should display government’s identity through emblems.
  • Several websites have poor color contrast – This will prevent people who are elderly and persons with low vision from easily identifying the content of a web page.
  • Several websites have used table based layouts – This is not the best practice to control the layout; one should use Cascading Style Sheets (CSS).
  • Information is cluttered in some well known websites such as that of the Income Tax department – It will be difficult to perceive information easily by people who are elderly, who have low vision, have learning disabilities and those who surf the web through mobile devices.
  • Several websites do not have a mechanism to send feedback – It is again a GIGW requirement that every website should have such a mechanism.
  • There is no mechanism to skip the navigational module – This is an extremely useful feature to help screen readers and keyboard users to skip navigational links and directly access the main content.
  • No accessibility options such as large text or color schemes are provided – This would be helpful to less experienced users who are as yet unaware of in-built browser options.
  • Several forms do not have a mechanism for error handling – It is necessary to inform users about errors before submitting the form.
  • Several websites do not have appropriate page titles – Page titles help users to know where they are on their computer.
  • Many websites do not have site map – This is an easy way to have access to all the pages at one place.

Hence, there is a lot to be done to actually enable every citizen to use these citizen centric websites. There are guidelines in place at http://web.guidelines.gov.in and it’s time for every ministry to ensure successful implementation and to make their portals accessible to all.

Categories: Articles • Tags: , ,

Travel Tips for people with vision impairment

September 22, 2011 • Srinivasu Chakravarthula

I often read in some mailing lists about need of escort for visually impaired travelers. While that’s true that having an escort would be helpful for people with vision impaired, I have also seen several visually impaired traveling alone, busy attending conferences. So wanted to collect trips and tricks for people with vision impaired as to how they could travel independently. Am collecting tips through several mailing lists and social networks, will share the responses that are appropriate here. If you are a person with vision impairment and a frequent traveler, please do add a comment. That will not be published in the comments section but I will incorporate in the article with due credit.

Solutions for people with low vision

September 19, 2011 • Srinivasu Chakravarthula

Early 2010, I have contributed to Accessibility Knowledge Series by BarrierBreak Technologies and thought, now I should quote that here and add some more tips.

Much often, we attend meetings and conferences; Today, mostly every speaker uses Power Point Slides to express what they will have to say. Although they speak most of the time, there would be some important content / pictures that convey information more than the talk.

Telescope or hand held magnifiers would be of immense help for people who are partially sighted to get access to these presentations.

Telescopes come in variety of ranges such as 2x, 4x etc. and they can either be hand held or can be mounted into spectacle frame and the distance can be adjusted as needed. These gadgets could also be of help to school going children who have difficulty to see the board.

Secondly, to read business cards and other printed material, portable magnifiers such as Optelec’s Portable Magnifiers could be helpful.

Using this, one can adjust size of the font, adjust the contrast as needed such as black on white, white on black, yellow on blue etc. Even one can take the snap of the material and read at a convenient distance.

Reference:

For a long time, I was looking for a solution that would enable me to read the slides shown by the presenter in any conference or meeting and a very simple technique helped me a lotin the recent past. I took out my hand phone (Nokia E71) and turned ON the camera. Using the zoom option, I was able to read clearly. Another option is to capture the slide and read but for this, in some cases, one need to obtain permission from the presenter.

What makes us to build a successful career?

September 13, 2011 • Srinivasu Chakravarthula

I often see people talking a lot about how frustrated they are with current job even they have just started with a job. But at the end of the day, they really work to the extent that they need to, then I wonder, why they should stress to themselves for thinking about all discomforts. In fact, that time could be spent with a thought process of how they could professionally grow in their life. I have been in the industry for about 11+ years now and I thought, I could pen some of my personal experiences on how one can build a successful career. I feel, one of the most important factor should that we should love what we do; if we are not satisfied with the job we are into, I think, it’s time to explore other opportunities. Switching jobs is not crime but one should have significant rational to switch to a new job. However, it would be even good for both employer and us, if we make a right decision before starting the job to avoid discomfort to the employer. While accepting an offer or even before going for an interview, one should ask to self, “Is this job meant for me? Will I be happy there?” and probably, one more question could be “Will I do justice to this job?”.

In 11 years, I have switched to about 5 organizations but never got farewell from any organization on a bad note. I have switched either for better opportunities or when I realized completely that if I am not capable of particular job even after tremendous effort. I think, it’s always best to start career with a small or medium size company where we can get an opportunity to explore and work with different functions and gain experience. Then over a period of three years, it would be good to look for opportunities in larger organizations. But again, if you and the existing employer are quite happy for each other, then, it’s better to continue so that you may grow to a leadership role in the same organization.

Another requirement for successful career is to be unique and develop extremely strong knowledge on the domain. Plus strong communication skills are important. Further it would be helpful to have ability to network with others in the industry. Sites like LinkedIn etc. that helps to not just network with people but also get updated on opportunities.

Categories: Articles • Tags: ,

Thyagaraja Aradhana 24th January

January 24, 2011 • Srinivasu Chakravarthula

Today is one of the days one who loves and cares for music should remember. Today the 24th January is Aradhana of Shri. Thyagaraja.

Shri. Thyagaraja

Some lines from Wikipedia about Aradhana:

The Aradhana in its present format is not even a hundred years old. Thyagaraja died in 1847. A few days before his death, he had renounced everything and had become a sanyasi. When he passed on, his mortal remains were buried on the banks of the river Kaveri and a small memorial was built at the spot. His disciples returned to their respective villages and observed his death anniversary at their own homes. The memorial was soon forgotten and it was not until around 1903 that Tyagaraja’s last surviving disciples, Umayalpuram Krishna Bhagavatar and Sundara Bhagavatar returned to Tiruvayyaru, identified the place and had it renovated.

Thyagaraja Keerthana by Maharajapuram Santhanam via YouTube
Maharajapuram Samthanam – Thyagaraja Krithi (Youtube link)

It so happened that today, the famous musician Shri. Bheemsen Joshi passed away at Pune. A couple of lines about Shri. Joshi from Wikipedia:

He was born into a Kannada Brahmin family in the town of Gadag in northern part of Karnataka state.[2][3] His father, Gururaj Joshi, was a school teacher. Bhimsen is the eldest in a family of 16 siblings. Some of the siblings still live in their ancestral home in Gadag.[4] Bhimsen lost his mother when he was young, and his step mother raised him.

Shri. Bheemsen Joshi

A performance by Shri. Joshi saheb – thanks again YouTube.
Jai Durge by Pt. Joshi Saheb

Memories with my teachers

September 4, 2010 • Srinivasu Chakravarthula

September 5th is a day I celebrate most as it gives me an opportunity to acknowledge all my teachers who have been responsible for the life that I am leading today. Firstly, let me share some of my memories as to how we used celebrate teacher’s day during school days.

While I was studying at ZP High School, Injaram, we used to have a simple function to facilitate our teachers and other Gurus in our village. Some of the teachers who taught us right from 1st class through 8th class are Shri. Poolla Kameshwara Rao, Shri. T Vanamayya, Shri. Vellanki Kameshwara Rao, Shri. Joga Rao, Shri. Sri Rama Moorthy, Shri Acharyulu, Shri. Patnala Rama Rao, Shri. B. Subba Rao (late), Ammaji Miss, etc.

I have studied 9th and 10 classes at Govt. High School, Hyderabad where we have enjoyed a lot with celebrations. On 4th, we the students used to take charge of the entire school and run the school and I was fortunate enough to lead this activity for both the days. On 5th September, we used to facilitate our teachers with flowers and teachers used to bless us. My teachers at this school includes Shri. Ravi Kumar, Shri. Lakshmana Chary, Shri. Prabhakar, Shri. Srinath, Smt. Jayashree, Shri. Sudhakar Rao etc.

Some of the other teachers who are responsible for my growth are Ms. Pallavi, Ms. Dipti Masarani, Ms. Shilpi Kapoor, my tution teachers, Mr. Narasimha Murty etc.

All my teachers, Thanks a lot for all the enouragement, guidance and support you have given. I love you all and let me take this opportunity to seek blessings from each one of you.

Love you all and wishing you a very happy teacher’s day!

What is teacher’s day?
In India, teacher’s day is celebrated on 5th September every year to tribute Dr. Sarvepalli Radhakrishnan, who happened to be a great teacher and advocate of education. Read on at

Categories: Articles, Events • Tags:

Using appropriate elements in blog posts

July 13, 2010 • Srinivasu Chakravarthula

Most often, I see blog posts where blogs without use of appropriate elements such as headings, tables etc. So thought let me write some tips that one should consider while writing a blog post.

  1. Never copy and paste from a word processing document or internet page
  2. Use appropriate heading structure if your post has sub sections; for instance, ideally, your post name would be heading level 1 and uses
    <h1>

    so next level heading would be

    <h2>

    and next level to

    <h2>

    would be

    <h3>

    and so on.

  3. If you insert an informative image; don’t forget to add text description to it. Sample code:
    <img src=&#34folder/filename.gif&#34 alt=&#34This is a sample image&#34 >

    if you use an image that is for decorative purpose, provide a null alt attribute. Sample code:

    <img src=&#34folder/filename.gif&#34 alt=&#34&#34 >
  4. If you use a data table, use semantic markup including table summary, caption and associate headers. Sample table code:
    <table summary=&#34This table consist of HTML elements and their use&#34>
    <thead>
    <tr>
    <th> Attribute;<&#47th>
    <th> Description;<&#47th>
    <&#47tr>
    <&#47thead>
    <tbody>
    <tr>
    <td>h1, h2, h3...<&#47td>
    <td >Headings <&#47td>
    <&#47tr>
    <tr>
    <td>a href<&#47td>
    <td> Hyper link &lt&#47td>
    <&#47tr>
    <&#47tbody>
    <&#47table>

    and here is the output:

    Attribute Description
    h1, h2, h3… Headings
    a href Hyper link
  5. Use appropriate list attributes: If you want to use an unordered list, use
    <ul>
    	<li>
    <ol>

    attribute for ordered list. Here is the sample code:

  6. Unordered list:
    <ul>
    	<li>First bullet list item<&#47li>
    	<li>Second bullet list item<&#47li>
    	<li>Third bullet list item<&#47li>
    <&#47ul>

    Output:

    • First bullet list item
    • Second bullet list item
    • Third bullet list item
  7. Ordered list:
    <ol>
    	<li>First numbered list item<&#47li>
    	<li>Second numbered list item<&#47li>
    	<li>Third numbered list item<&#47li>
    <&#47ol>

    Output:

    1. First numbered list item
    2. Second numbered list item
    3. Third numbered list item

attributes and

<&#47ul>

More later! Enjoy writing effective blog posts!

Related Posts with Thumbnails
Categories: Articles • Tags: ,