From the course: React: Accessibility
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Accessibility issues with mouse and pointer events - React.js Tutorial
From the course: React: Accessibility
Accessibility issues with mouse and pointer events
- [Instructor] In this lesson, we'll learn about why mouse and pointer events can cause issues for users navigating your webpage with the keyboard. Why worry about adding accessibility features to mouse and pointer events? For people navigating a website using the keyboard, mouse pointer events can block elements on a page or provide a limited user experience. Our goal is to ensure that all interactive elements can be accessed. It is important that users have access to all elements and functionality, no matter their methods of navigation. Let's look at some examples of mouse and pointer events that might be included on a website. Here's an example of broken accessibility caused by a click event. This is the outside click pattern, where a user can disable an open pop over by clicking outside the element. This may work fine for users with pointer devices such as a mouse, but operating this with keyboard alone leads to…
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.