From the course: React: Accessibility
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Challenge: Implementing focus and skipping content - React.js Tutorial
From the course: React: Accessibility
Challenge: Implementing focus and skipping content
(upbeat music) - [Instructor] Now that we've learned about keyboard focus and skipping page content, let's implement those features on our side. For this challenge, let's take a look at our website. When starting at the top of the page we have the ability to tap through the navigation links. Let's give the user the ability to go directly to the learn more section of this page. What I'd like you to do is create an invisible skip link in order to get to the learn more section of the webpage. You can create an invisible skip link by using CSS to either hide the skip link off screen or keep a hidden onscreen until it's interacted with. This challenge should take about 10 to 15 minutes to complete.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.