The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Focus management using CSS, HTML, and JavaScript

Focus management using CSS, HTML, and JavaScript

8:34
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.
Watch this lesson now
Avatar
egghead.io

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.

Avatar

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.

Avatar
Marcy

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

In reply to
HEY, QUICK QUESTION!
Joel's Head
Why are we asking?