Archive for the ‘WCAG’ Category

ARIA Label

Monday, May 16th, 2011

ARIA Label (aria-label), is used to create a label from a text string. It takes the form of aria-label="text string". This could be useful when there is no on screen text to use for a label.

Example 1:


<button aria-label="Aria Label">submit</button>

Example 2:


<input type="text" aria-label="Aria Label">

Example 3:

Code:


<button aria-label="ARIA Label"><img src="http://www.donaldevans.com/images/trinity.jpg" alt="Rublev's Trinity" /></button>

Standards: