From the course: React: Accessibility
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Skipping page content - React.js Tutorial
From the course: React: Accessibility
Skipping page content
- [Instructor] Most website content is made available at the very top of the page. But what if you need to get further down on the page without using a mouse? There's always the option to use a keyboard and hit tab to get through everything. As you can imagine, this would be a frustrating experience. The best way to avoid having the user do too much work would be to add the option to skip page content. Skip links or skip navigation links are links that can be added to the interface in order to skip content. They can be implemented with internal page anchors and some styling. Let's implement skip links in our project. Together, we will be adding a visible link at the top of the page as it's the most accessible. We want to be sure that the skip link is one of the first items that the screen readers would hear when tabbed to. In your example files, under source, components, let's work in the navigation component. We can…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.