Description
User interface components and navigation must be operable.
Questions & Answers
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
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
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
Is Google Maps accessible?
I was wondering if Google Maps is accessible or not. Do you have any info?
- google maps
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
What is an accessibility tree and how do I view it?
I've been told to make sure my site has an accessibility tree. What is an accessibility tree? How do I view it?
- accessibility tree