Focus management using CSS, HTML, and JavaScript

Marcy Sutton
InstructorMarcy Sutton

Share this video with your friends

Send Tweet

Something important to consider when coding a web application is managing the user's focus. For keyboard and screen reader users, we must ensure their focus is not dropped as content is deleted or shown in new contexts. Skip links also provide a way for users to get past a lot of content. In this lesson, you'll learn HTML, CSS and JavaScript techniques for focus management that can be applied to many situations.

~ 4 years ago

I wish this video included an explanation of what tabindex="-1" is about. I appreciate the practical tip, but I had to go research why this works elsewhere. I'm just beginning to think seriously about web accessibility, so I don't have any context for how these attributes work.

Marcy Sutton
Marcy Suttoninstructor
~ 4 years ago

That is great feedback. I'll do a follow-up on tabindex!

Marcy Sutton
Marcy Suttoninstructor
~ 4 years ago

Here you go: https://egghead.io/lessons/html-5-using-the-tabindex-attribute-for-keyboard-accessibility