Category Archives: Web Accessibility

WAI ARIA 1.1 New Roles, states and properties

In last few years Maxability have published several articles on each WAI ARIA 1.0 roles, states and properties. W3C WAI ARIA Working Group have published a latest Candidate Recommendation on October 27, 2016. According to this candidate recommendation of WAI ARIA 1.1, new roles, states and properties are introduced. In addition the values of some… Continue Reading WAI ARIA 1.1 New Roles, states and properties

How to make focus indicator accessible

A focus indicator is a dotted or solid line present around the tab-able elements such as links, buttons, and form fields. While navigating the page through keyboard tab key, the focus indicator appears around elements when they receive keyboard focus. It helps users to visually determine which element has current keyboard focus. All major browsers… Continue Reading How to make focus indicator accessible

Optgroup for Accessibility

Earlier developers use to customize the html tags like div, ul, and li in order to group the related elements in a drop-down list. Most of such customized widgets are not keyboard accessible and not screen reader friendly making them completely inaccessible. Thanks to HTML5 for introducing <optgroup> tag which can be used to group… Continue Reading Optgroup for Accessibility

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

WCAG 2.1 First Public Working Draft Out For Review

After the W3C recommendation to WCAG 2.0 in December 2008, Web Content Accessibility Guidelines 2.1 is going to be a major update. WCAG 2.1 is a dot version to WCAG 2.0. The success criteria in WCAG 2.0 remains as it is and new success criteria are proposed in the WCAG 2.1 First Public Working draft.… Continue Reading WCAG 2.1 First Public Working Draft Out For Review

Section 508 Final Rule 2017 Refresh

On January 18, 2017 United States Access Board has released an update for the final rule on standards for electronic and information technology developed, procured, maintained, or used by Federal agencies covered by section 508 of the Rehabilitation Act of 1973, as well as the guidelines for telecommunications equipment and customer premises equipment covered by… Continue Reading Section 508 Final Rule 2017 Refresh

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

Web Accessibility Suits and Settlements in 2016

It is almost at the end of year 2016. It is the time to look at the legal updates. The web accessibility suits that are filed in the courts, the settlements that are agreed without law suits and new laws that came into force. DIRECTIVE (EU) 2016/2102 of the European Parliament and of the Council… Continue Reading Web Accessibility Suits and Settlements in 2016

Accessibility Problems on Social Media

Social media is an online platform to connect people, form groups, share messages/ pictures/ audio/ video content etc. The social media websites just create a platform for the users to register and connect. The users play the role in generating the content and share it to the public or to specific individuals and groups. This… Continue Reading Accessibility Problems on Social Media

aria-valuenow property

aria-valuenow property is used while developing range widgets. For a range widget a minimum and maximum values need to be defined. Examples of a range widget are sliders such as volume button on windows operating system. The volume button has a minimum value of 0% to a maximum value of 100%. Other range widgets include… Continue Reading aria-valuenow property