Tag Archives: ARIA

aria-current (State)

aria-current state is used to indicate the current item in a set of elements within a component or a widget or a set of related elements. The aria-current state is specifically important to inform the screen reader user about the difference when an element within a set of related elements is visually styled to indicate… Continue Reading aria-current (State)

ARIA-level (Property)

The aria-level (property) defines the hierarchical structure of an element within a document. Similar to all other ARIA roles, states and properties aria-level (property) is used only when the native semantics cannot provide the structural level of an element, or when the user agent including assistive technologies cannot identify the level of any element. Aria-level… Continue Reading ARIA-level (Property)

Form Elements and Accessibility

Hyperlinks and forms are the most commonly found interactive elements on the web page. Providing accessibility features for forms is the most easiest but commonly ignored part while developing a website. Commonly observe forms on website are contact form, purchase form, sign up form etc. In this article let us understand the step by step.… Continue Reading Form Elements and Accessibility

ARIA-haspopup (property)

ARIA-haspopup is used to indicate the presence of submenus and context menus on the web page. In general aria-haspopup property is used with links and buttons. Though it sounds like haspopup need to be used for dialog boxes, popup windows, ARIA 1.0 specification recommends use of aria-haspopup property for submenus and context menus. Different assistive… Continue Reading ARIA-haspopup (property)

HTML 5 Headings Behavior With Screen Readers

Recently I have observed a slightly but significant difference in JAWS behavior while browsing a website developed on HTML 5. Below are my findings and recommended solution. HTML 5 have became a hot topic in the web developer community. One of the reasons for its strength is semantic tags. In prior versions of HTML <div>… Continue Reading HTML 5 Headings Behavior With Screen Readers

Be careful HTML 5 with ARIA

  HTML 5 the next generation hyper text mark-up language for developing web pages and ARIA Accessible Rich Internet Applications for accessibility are the hot topics in the front-end community. In the process of making the mark-up more semantic and robust HTML 5 have come up with new tags such as <article>, <nav> etc. On… Continue Reading Be careful HTML 5 with ARIA

ARIA-Live

Web 2.0, unlike the traditional static web pages, modern websites have dynamic, auto-updating content. Websites which shows the scores of live matches, stocks that update very often, online news websites showing the headlines fall in this category. Only a small portion of the website is updated frequently. The entire page will not be refreshed. The… Continue Reading ARIA-Live

ARIA-label, labelledby, describedby

ARIA-label, ARIA-labelledby and ARIA-describedby properties defines accessible ways of providing labels for form fields when straight way is not possible. In certain situations general <label> tag cannot be provided for various reasons. Let us understand how to implement ARIA-label, ARIA-labelledby and ARIA-describedby properties. In this post I would also provide the screen reader behavior with… Continue Reading ARIA-label, labelledby, describedby

ARIA Attributes for Text Fields

As part of my R&D on Accessible Rich Internet Applications ARIA I have found few attributes useful to notify various kinds of text fields. The ARIA attributes described below may be useful with other HTML elements as well. However I want to cut down my writing into simpler concepts. I will be discussing only on… Continue Reading ARIA Attributes for Text Fields

ARIA Role Presentation

ARIA, Accessible rich internet applications is a revolution for accessibility development in the recent past. Many developers are using ARIA technology but still the awareness is low. I have decided to put my bit of effort to let developers understand the magic ARIA can do. From here I will give a small description of the… Continue Reading ARIA Role Presentation