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
Are there multiple ways to build an accessible widget?
I'm trying to build a widget that follows an example in the W3C ARIA Authoring Practices Guide, but I can't quite match it because of the way my site is built. Can my widget still be accessible?
- aria
- custom widgets
How do I code an image as a link and make it accessible?
I have an image on my site that I want to code as a link? How do I code an image as a link and make it accessible?
- alt text
- images
- links
How should I code elements with similar designs but different roles?
My footer has five buttons and one link, but they all look like buttons. I think users will expect all the elements to be the same type of element (all buttons or all links), and may be confused that they’re different. Which is more important,...
- aria roles
- user experience
What is a DOM, and how does it affect accessibility?
What is a DOM, and how does it affect accessibility?
- html
- page structure
What’s the difference between aria-controls and aria-owns?
What's the difference between aria-controls and aria-owns?
- aria
- aria-controls
- aria-owns
What’s the difference between a fieldset and a radio group?
What is the main difference between a fieldset and a radio group?
- aria
- forms
- html
When should I use required vs. aria-required?
In a form field, when should I use required vs. aria-required?
- aria
- aria attributes
- form
- html
What Are the Code Differences between Links vs Buttons?
Where can I find code (html, css, and javascript) examples of links vs buttons.
- buttons
- html
- links
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