Skip to Content
Beginning ReactJS Foundations Building User Interfaces with ReactJS
book

Beginning ReactJS Foundations Building User Interfaces with ReactJS

by Chris Minnick
March 2022
Beginner
512 pages
11h 20m
English
Wiley
Content preview from Beginning ReactJS Foundations Building User Interfaces with ReactJS

19Accessibility in React

Accessibility (also known as a11y, because all those letters between the a and the y are too hard to type) means that websites and web applications are designed and built in such a way so that people with disabilities can use them. The qualities that make a user interface built with React accessible are no different from those that make any web user interface accessible, but the way in which accessibility is implemented differs in some instances.

In this chapter, you'll learn:

  • What makes a web application accessible.
  • Special considerations for making single page applications accessible.
  • What ARIA is.
  • How and why to use semantic HTML.
  • The importance of proper labeling of form elements.
  • How to use media queries in React components.

WHY IS ACCESSIBILITY IMPORTANT?

According to the World Health Organization, about 15 percent of the global population has some form of disability. Accessibility studies have found that between 6 and 10 percent of people over 15 years old have a sight or hearing impairment. For people over 65, that number is over 20 percent. Eight percent of people over 65 have difficulty grasping objects—including a computer mouse.

With the average age increasing worldwide, the number of people who require some sort of alternative device or assistive technology to use the web is in the tens of millions, even by conservative estimates.

Implementing web accessibility is not just the right thing to do or good for business, it's increasingly ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

React.JS: The Complete Course for Beginners

React.JS: The Complete Course for Beginners

Najib Abdallah

Publisher Resources

ISBN: 9781119685548Purchase Link