Web Accessibility Patching

Heading are inaccessible in keyboards

In Web Accessibility Heading are not interacting elements with keyboards navigation Because, Heading element can’t be identify by keyboard clicks.But the purpose of the heading is to maintain the structure of the total page.And as usual Html links,Form fields and forms button can recognized by keyboard.Therefore we have to make the heading element as anchor element.

Advantage of using anchor elements,

  • An unvisited link is underlined and blue
  • A visited link is underlined and purple
  • An active link is underlined and red
<a href=http://programmingtictac.blogspot.com>Testing Page</a> 

Testing in Fire Fox : We can identify the elements state which is heading or anchor.By clicking on the inspecting elements.

Language selection

Using the Lang tag the screen reader technology can identify the language that are written in the page.Also if we add a Lang in Main html tag then it will consider as main language.Similarly we can add language for paragraph to identify the words.

<html lang="en">

Image ALT

we can check the image alt tag using fire fox web development tool bar by click on the image button and trigger the option call view all image alts.

Order Of the Content

We have to consider the order of the content in page Because if the content elements are not in order then it may confuse the person who is using the online application.we can test the content order by disabling the all CSS styles in Firefox web development tool bar.
Main issue that I noticed we have to stop reloading the page after we selecting the words from the drop box.If it reloads then user will confuse of the older instruction before reloading.

 




No comments:

Post a Comment