Web accessibility means that everyone can use your website — including people who are blind, deaf, have motor disabilities, or use assistive technologies like screen readers. Worldwide, over 1 billion people live with some form of disability. Writing accessible HTML is not optional — it is a professional responsibility.

How Screen Readers Work

Screen readers (JAWS, NVDA, VoiceOver) convert your HTML into spoken words. They navigate using headings, landmarks, and link text. If your page lacks proper structure, a screen reader user hears a confusing wall of text with no way to skip around.

Heading Hierarchy

Headings must follow a strict hierarchy — like an outline:

<h1>Main Title</h1>          <!-- Only ONE per page -->
  <h2>Section</h2>
    <h3>Subsection</h3>
  <h2>Another Section</h2>

Rules:

• Every page needs exactly one <h1>


• Never skip levels (don't jump from <h1> to <h3>)


• Headings describe the content below them

Accessible Images

Every <img> must have an alt attribute that describes what the image shows:

<img src="graph.png" alt="Bar chart showing sales growth from 2020 to 2025">

• Informative images: Describe what the image conveys


• Decorative images: Use an empty alt: alt=""

Your Task

Build a well-structured accessible page about a school with: