WCAG (1/13)
Why is semantic HTML important for accessibility
    Why Semantic HTML is Important for Accessibility

    Semantic HTML means using HTML elements that describe their meaning and purpose, rather than relying only on generic tags like <div> or <span>. This is crucial for accessibility because assistive technologies, such as screen readers, rely on semantic structure to interpret and present content to users.

    Benefits of Semantic HTML for Accessibility
    • **Improved Screen Reader Support** – Tags like <header>, <nav>, <main>, and <footer> provide clear landmarks, helping users navigate pages quickly.
    • **Better Document Structure** – Using headings (<h1>–<h6>) in order creates a logical reading flow, making content easier to understand.
    • **Accessible Forms** – Associating <label> with <input> elements ensures users with screen readers know what each input field is for.
    • **Keyboard Navigation** – Semantic elements naturally support tab order and focus, helping users who rely on the keyboard.
    • **Reduced Need for ARIA** – Proper semantic HTML minimizes the need for extra ARIA attributes, as meaning is already built-in.

    In short, semantic HTML provides meaning and structure to content, which benefits not only accessibility but also SEO and maintainability. It ensures that all users, regardless of ability, can navigate and understand your website effectively.