Description
For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies.
*This success criterion is primarily for Web authors who develop or script their own user interface components. For example, standard HTML controls already meet this success criterion when used according to specification.
Questions & Answers
When to use aria-label vs. aria-labelledby?
When to use the aria-label attribute vs. the aria-labelledby attribute?
- accessibility tree
- accessible name
- aria
- html
- label
How can I make a disabled button focusable, clickable, in general “interact-able”?
I have a button on my page which I'd like to make disabled. If I use disabled as an attribute I can no longer tab navigate to it, or handle click events on the button. How can I maintain its disabled meaning, while being able...
- aria
- html
- screen readers
What does “accessibility node not exposed” mean?
I was checking to make sure an element on my page has an accessible name in Chrome's Developer Tools and under the Computed Properties section of the Accessibility panel, it says "Accessibility node note exposed. Element not interesting for accessibility." What does that mean?
- accessibility node
- hidden content
Is it OK to have a link that looks like a button?
I come across a long of links that look like buttons. Is this OK from an accessibility standpoint?
- buttons
- links
What is the difference between native and custom widgets?
While reading up on WCAG, I noticed the terms "native widgets" and "custom widgets". What's the difference?
- custom widgets
- native widgets
Do I need aria attributes or roles on native elements?
Do I need to add aria attributes on native elements (eg. <button role="button>)?
- aria
- aria attributes
- native elements
How can I make an image act as a button?
I am curious about how to make an image act as a button and ensure it's accessible. Any guidance?
- buttons
- images
What is the difference between legend and label elements?
I'm working on updating my site and have become a little confused about the differences between legend and label elements. Can you explain?
- label
- legend
What are landmark roles and how can they be used?
What are landmark roles and how can they be used?
- aria
- aria landmarks
- aria roles
- landmark roles
- landmarks
How do you find a page element’s accessible name?
When looking at elements on my page, how do I find out what each elements' accessible name is?
- accessibility tree
- accessible name