Description
Maximize compatibility with current and future user agents, including assistive technologies.
Questions & Answers
How do I make a word counter accessible?
My form has a comment field with a word count limit, and I want to provide a live counter so the user knows how close they are to the limit. How do I make the counter accessible?
- forms
- status message
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
How do I code an assertive alert?
What is the best way to code an assertive alert?
- aria
- Assertive alert
- status message
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
New Messages from a Chatbot
Should messages from a chatbot be announced when they appear in a chat widget?
- chatbot
- status messages
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