Why Web Accessibility Matters: How I Fixed My Portfolio’s Semantic HTML
When first learning web development, it is easy to focus entirely on making a page look good visually. However, clean code is about much more than just pixels—it is about making sure everyone can access and use your website, including users who rely on screen readers or assistive technologies.
For my recent portfolio project, I conducted an accessibility audit using Chrome DevTools Lighthouse and the WAVE tool. What I discovered opened my eyes to the power of Semantic HTML.
What is Semantic HTML and Why Does It Matter?
Semantic HTML means using tags that clearly describe their meaning to both the browser and the developer. Instead of using a generic or for everything, semantic code uses explicit tags like , , , , and .
