Category Archives: Accessibility Best Practices

How To Make Live Chat Accessible

Live Chat is the buzz word in the modern communication system. It may be a  retail business that want to reach their customers or government department that want to solve its citizens problems. Any business or an organization that reaches the customers through phone and email goes a step further. The live chat is an… Continue Reading How To Make Live Chat Accessible

HTML5 Accesskey

HTML5 accesskey attribute can be assigned to any focusable or actionable element on the page. The HTML5 accesskey attribute’s value is used by the user agent as a guide for creating a keyboard shortcut that activates or focuses the element. An accesskey helps users with motor disabilities in activating the element. It also helps the… Continue Reading HTML5 Accesskey

Mobile Accessibility practices for Government Of India Applications

Few months earlier, a set of like minded accessibility enthusiasts under the co-ordination of Dr Nirmita Narasimhan of Center for Internet and Society came together to formulate mobile accessibility practices to share with the Government of India. Government of India and various state governments are using mobile applications as a channel to communicate, provide services… Continue Reading Mobile Accessibility practices for Government Of India Applications

Keyboard Interaction for Disabled Elements

In many contexts few elements on the screen are in disabled mode. The question often araises is “Do these disabled elements need keyboard focus?”. The HTML5 native behaviour of disabled” attribute does not allow the users to focus on the disabled elements. As per W3C form elements such as buttons, input elements, select, text area,… Continue Reading Keyboard Interaction for Disabled Elements

Grouping Related Form Elements

The related elements in a form need to be grouped together. The technique of grouping related form elements allows users to understand the relationship of the controls and interact with the form more quickly and effectively. Grouping related form elements can be established by enclosing them within the fieldset element. All controls within a given… Continue Reading Grouping Related Form Elements

Focus management for accessibility

The success criterion 2.4.3 Focus Order is the source for the focus management in WCAG 2.0 standards. Though the basic concept of focus management is to preserve meaning and operability when the user navigates the web page sequentially using the tab key, the following situations are also need to be taken care for a successful… Continue Reading Focus management for accessibility

Tabindex for accessibility: Good, Bad and Ugly

Tabindex is a HTML attribute that can set an order for focusable elements which allow keyboard focus for non focusable elements and remove focus for a focusable element. The value for a tabindex attribute can be any integer. This means the tabindex attribute can either be a negative, 0 or positive value. Tabindex=”0″ Providing tabindex=”0″… Continue Reading Tabindex for accessibility: Good, Bad and Ugly

Accessible Solution for HTML5 placeholders

In the earlier article Placeholder attribute and Why it is not accessible, I have discussed the accessibility problems in making placeholder as a label. Problems need to be solved, barriers need to be broken. In this article I will explain you two wonderful techniques CB Averitt proposed in making the placeholder attribute accessible. Following are… Continue Reading Accessible Solution for HTML5 placeholders

Placeholder attribute and Why it is not accessible

The placeholder attribute is newly introduced in HTML5. The placeholder attribute specifies a short hint that describes the expected value of an input. The hint can be a sample text or a format in which user can fill the field. <input type=”text” placeholder=”Placeholder text” /> The placeholder attribute must be used along with the input… Continue Reading Placeholder attribute and Why it is not accessible

Semantic Mark-up

Web pages are built using mark-up languages. HTML 4.0, xhtml 1.0, HTML 5 etc are few such mark-up languages. Mark-up languages help in displaying content on the browser, just to display the content on the browser. To align the content properly, style the content and to make other visual effects cascading style-sheets (CSS) are used.… Continue Reading Semantic Mark-up