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:
- WCAG 2.0 SC 2.4.6 Headings and Labels: Headings and labels describe topic or purpose. (Level AA)
- WCAG 2.0 SC 3.3.2 Labels or Instructions: Labels or instructions are provided when content requires user input. (Level A).
- WCAG 2.0 Techniques ARIA1: Using the aria-describedby property to provide a descriptive label for input controls
- Section 508: Paragraph (n) When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.
Tags: Accessibility, ARIA, WCAG
