2.4.7 Focus Visible Level AA

Description

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

[View on W3C.org]

Questions & Answers

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

How do I change the order the elements on my page are given focus?

When I tab through the elements on my site with the keyboard everything is almost perfect except for a couple case where it looks like the order is messed up. How can I change the order the elements on my page are given focus when...

  • best practices
  • html
  • keyboard
  • page structure

How do I navigate a website with my keyboard?

I've been reading about how I need to make sure my site can be navigated with a keyboard. Honestly, I'm not even sure where to start because I don't know what button I would hit on my keyboard. How do I navigate a website with...

  • keyboard