Can someone explain the HTML5 aria-* attribute?

html accessibility wai-aria
soflow picture soflow · Nov 14, 2010 · Viewed 48.8k times · Source

I wanted to know what the aria-* attributes are used for. What values can they have, and are they defined values or can I create my own values?

Answer

gkrogers picture gkrogers · Nov 14, 2010

ARIA stands for Accessible Rich Internet Applications and is designed to improve the accessibility of Rich Internet Applications, i.e. to make them more usable for people with disabilities.

Help on the various attributes is available here.

I don't think you can create your own ARIA attributes.

Related questions

The purpose of using "aria-labelledby" on already labeled input elements?

Many ARIA demonstration websites use code such as: <label for="name" id="label-name">Your Name</label> <input id="name" aria-labelledby="label-name" type="text"> But what's the purpose of using aria-labelledby attribute in this case? …

Read More
When to use the disabled attribute vs the aria-disabled attribute for HTML elements?

I'm trying to make a form accessible. Should I make my inputs have both disabled and aria-disabled attributes, or just one? <label for="textbox1">Input</label> <input id="textbox1" type="text" name="Text Box" disabled&…

Read More
Where to place the aria-controls attribute in my tabs markup

I'm setting up a tabbed content section in my page using a script that follows the following syntax: <!-- Clickable tab links --> <ul class="js-tablist"> <li id="tab1" class="js-tab active"><a …

Read More