Skip to content
Hallway
0:00 / 0:00

#tabindex#accessibility#single-pageapplication

Managing Focus - A11ycasts #22

Chrome for Developers

822K subscribers • 23 videos on Hallway

YouTube
  • Recommended by 1 person: 1 in engineering communities.
  • May be out of date. Uploaded 9 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

26K views9 years ago1 recommendation

Web developmentAccessibilityHTTP, REST and GraphQL

How to manage keyboard and screen reader focus in single-page applications using tabindex.

Check out the demo: goo.gl/PZBDKu Single page web apps are awesome but may present interesting accessibility challenges. In particular, when the site loads new content, it needs to be able to inform an assistive technology user that the new content is available, and ideally move focus into the new area. Today on A11ycasts we'll look at how you can manage focus using a simple tabindex trick to improve the efficiency of your keyboard and screen reader navigation. Controlling focus with tabindex: goo.gl/PahEb3 Watch all A11ycasts episodes: goo.gl/06qEUW Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: goo.gl/LLLNvf

Why it's here

1 person recommends this

What people say. Recommended as a helpful resource for handling accessibility and focus in web applications.

u/coolreader18in r/programming • Recommends

On “Annoying website features I face as a blind person”

Might be this one; if not there's a link to the playlist in the description, the 2nd episode I think is also related link to this video Edit: though she might have meant "sort things out" in the general sense, not literally the order things are sorted in lol
15View on Reddit