From the course: React: Accessibility

Unlock the full course today

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

Semantic HTML: The foundation of web accessibility

Semantic HTML: The foundation of web accessibility - React.js Tutorial

From the course: React: Accessibility

Start my 1-month free trial

Semantic HTML: The foundation of web accessibility

- [Instructor] We'll learn about Semantic HTML and how it can be used to provide accessibility features from the moment we start coding our websites. What is a semantic element? A semantic element clearly describes meaning to both the browser and the developer. Using semantic tags are helpful for both you and the user. When reading code, the semantic tags define different parts of a webpage and make HTML easier to read. An example of this would be using a form tag instead of a div tag with an ID of form. When a screen reader scans web page, it gets information about the DOM or the HTML structure of the page. No styles or JavaScript will be read by the screen reader. While div with an ID of navbar may be an option, the more semantic option would be to use the nav tag. This way, the screen reader will be able to identify the navigation you've set for the webpage. HTML5 introduced several new semantic elements that represent…

Contents