Exploring ARIA Accessibility in HTML5

Web Accessibility Initiative Accessible Rich Internet Applications (WAI-ARIA) is a technical specification, which is published by World Wide Web Consortium (W3C). It contains a set of guidelines to create web applications for disabled users. Such users are unable to access mouse-based Internet applications, and require assistive technologies, for instance screen readers to interact with customized controls, such as checkbox and context-menu. Nowadays, web developers use client side scripts, for instance JavaScript, to create customized controls that are often not accessible to users with disabilities. The WAI-ARIA specification addresses these accessibility challenges by adding aria-* attributes, which enable the users with disabilities to access customized controls.

ARIA Attribute	HTML attribute	HTML element
aria-autocomplete	autocomplete	FORM and INPUT
aria-checked	checked	COMMAND and INPUT
aria-disabled	disabled	BUTTON, COMMAND, FIELDSET, INPUT, KEYGEN, OPTGROUP, OPTION, SELECT and TEXTAREA
aria-expanded	open	DETAILS
aria-haspopup	contextmenu	All elements
aria-grabbed	draggable	All elements
aria-hidden	hidden	All elements
aria-multiselectable	multiple	INPUT and SELECT
aria-readonly	readonly	INPUT and TEXTAREA
aria-required	required	INPUT, SELECT and TEXTAREA
aria-valuemax	max	PROGRESS and INPUT
aria-valuemin	min	INPUT
aria-valuenow	value	PROGRESS and INPUT