Website Accessibility, v2

Skip Link Exercise

Jon Kuperman

Jon Kuperman

Cloudflare
Website Accessibility, v2

Check out a free preview of the full Website Accessibility, v2 course

The "Skip Link Exercise" Lesson is part of the full, Website Accessibility, v2 course featured in this preview video. Here's what you'd learn in this lesson:

Students are instructed to make a skip link so the users can skip to the main content.

Preview
Close

Transcript from the "Skip Link Exercise" Lesson

[00:00:00]
>> So on to the next exercise. So this one we're gonna be making a skip link. So basically what we're doing here is we want to make it so that as a user starts tabbing they don't have to like right now. If I to start tabbing I got the answers branch out.

[00:00:16]
If I start tabbing, I'll have to go through this entire navigation before I can get to the main content down here. And so we wanna do is we wanna add something like I have done here. Where when you hit tab the first time a button appears and lets you skip to main content.

[00:00:30]
So if I hit Enter on that it immediately focuses me down here. And let's not worry too much about the visual styling or anything like that. But we'll take 10 minutes and we'll work on it. I do have at a high level, I have the idea for a skip link.

[00:00:46]
Let me find my notes here, done out here. And so basically just following this, but in some HTML, so making the anchor and doing things like that. And then we'll come back and I'll do it all together for us.

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now