Description
User interface components and navigation must be operable.
Questions & Answers
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
Is it ok to link out to a non-accessible website?
Under the regulations for public sector bodies, can I link to an external website that isn't accessible itself? What are the WCAG 2.1 AA rules on this?
- external links
- links
What are the contrast requirements for an element’s focus, mouseover & select states?
I'm working on updating my focus, mouseover (hover) & select (active) states and want to make sure that my new design meets contrast requirements. What are the contrast requirements for these different states?
- focus
- mouseover
- select
- states
How can I add keyboard only focus styling?
I would like to add focus states for interactive elements on my website, however I don't want the styling I add to apply when clicking on elements. If I just use :focus in my css I see the styles come through when clicking elements, or...
- CSS
- focus
- keyboard
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
What keyboard functions need to be compatible with a button?
I was told that my buttons need to be operable by the spacebar. Is that true? Are there any other keys that need to be supported?
- buttons
- keyboard
- keyboard support