From the course: React: Components, Context, and Accessibility

Unlock the full course today

Join today to access over 22,700 courses taught by industry experts or purchase this course individually.

WAI-ARIA roles

WAI-ARIA roles - React.js Tutorial

From the course: React: Components, Context, and Accessibility

Start my 1-month free trial

WAI-ARIA roles

“

- [Narrator] The W3C provides a list of accessible rich internet application standards that we can use to make web content usable by people with disabilities. It also provides a list of attributes that can be used to enhance web accessibility. These are typically grouped into three categories: roles, properties, and states. All of these can be seamlessly used in React components using jsx. Let's take a look at our app component. The app component we're going to replace with a header. Now this is again is the semantic tag that means something specific. It means that it's a header. Let's also add an h1 here. The h1 is going to say Hello World, and we'll replace our a and image tags with something else, so we're going to add a nav and then let's add a form, and the form is gonna be kind of like a search form. The search form will have an input associated with it, so we'll say type equals search, and we'll give the name search. Great, so at this point, we can start to add some of these…

Contents