Guideline 2.4 - Navigable

Description

Provide ways to help users navigate, find content, and determine where they are.

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

Does my site need to be usable if the CSS and javascript doesn’t load?

I've always wondered this but never really known for sure. Let's say none of my CSS or javascript loads. Does the site still need to be usable? I know a lot of really big sites are useless without CSS and javascript so I'm betting the...

  • best practices
  • CSS
  • html
  • javascript
  • page structure

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