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:
Example 2:
Example 3:
Code:
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