Board Infinity
Semantic HTML & Accessibility

Heat up your career with 40% off top courses from Google, Adobe, and more. Save today.

Board Infinity

Semantic HTML & Accessibility

Board Infinity

Instructor: Board Infinity

Included with Coursera Plus

Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

14 hours to complete
3 weeks at 4 hours a week
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

14 hours to complete
3 weeks at 4 hours a week
Flexible schedule
Learn at your own pace

What you'll learn

  • Build semantic, structured web pages using HTML5 and landmark elements

  • Apply ARIA roles and keyboard navigation to improve web accessibility

  • Optimize website performance using Core Web Vitals and responsive markup

  • Create modern, accessible UI features using <dialog>, PWAs, and Web Components

Details to know

Shareable certificate

Add to your LinkedIn profile

Recently updated!

June 2025

Assessments

12 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

 logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Modern Web Development: Advanced HTML & CSS Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 3 modules in this course

This module lays the foundation for writing meaningful, standards-compliant HTML that not only structures content effectively but also enhances accessibility and search engine visibility. You’ll begin by understanding what makes HTML “semantic” and how it differs from non-semantic markup. Then, you’ll explore how to use document landmarks, headings, and ARIA roles to create a clear, navigable structure for both users and assistive technologies. Finally, the module dives into accessibility fundamentals, covering best practices for ARIA attributes, keyboard navigation, and common testing tools—empowering you to build inclusive websites from the ground up.

What's included

9 videos4 readings4 assignments1 discussion prompt

This module focuses on how semantic HTML contributes to faster, more stable, and responsive web experiences. You'll explore Core Web Vitals—LCP, CLS, and INP—and understand their impact on real-world performance. Through practical techniques like image optimization, lazy loading, and responsive markup, you’ll learn to deliver lightweight and visually stable pages across devices. The module also covers modern native HTML features such as <dialog>, accessible popovers, and form enhancements to improve interactivity without relying heavily on JavaScript frameworks. By the end of this module, you'll be equipped to build efficient, user-friendly, and inclusive web interfaces.

What's included

9 videos3 readings4 assignments

In this module, you’ll explore how semantic HTML integrates with modern web technologies to create scalable, maintainable, and globally accessible websites. You’ll begin with the fundamentals of Progressive Web Apps (PWAs), learning how to configure web app manifests and implement service workers for offline support. Then, you’ll dive into Web Components and Shadow DOM to build reusable, encapsulated HTML elements. Finally, the module covers SEO optimization using structured data and strategies for internationalizing your content for global audiences. These modern enhancements will help you future-proof your websites while maintaining accessibility and semantic integrity.

What's included

9 videos3 readings4 assignments

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Board Infinity
Board Infinity
164 Courses258,751 learners

Offered by

Board Infinity

Explore more from Mobile and Web Development

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Coursera Plus

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions