Skip to content
PlayOwl

Computers & Digital Literacy · Grade 10

Web Structure and Accessibility

Learners take a web page apart: the requests that assemble it, the parts of its URL, the HTML that gives it structure and the CSS that styles it. They then evaluate pages the way assistive technology experiences them, checking alt text, link text, form labels, contrast ratios and keyboard focus, and recommend fixes with reasons.

  • 4 lessons
  • About 110 minutes
  • Web structure and accessibility check: 10 questions
  • Ways to answer: fill in the blanks, choose an answer, put code in order, trace code, highlight a text and match pairs
Try it now (no account) One of the five free starter courses Open in PlayOwl

What learners will discover

  • Describe how a browser assembles a page from several client–server requests, and identify the scheme, host, path, query and fragment of a URL.
  • Read HTML to identify its structure (heading levels, lists, links, images and landmarks) and distinguish structure (HTML) from presentation (CSS).
  • Evaluate accessible names: meaningful or empty alt text, link text that makes sense on its own, and properly labeled form fields.
  • Apply contrast-ratio guidance and keyboard-focus principles to judge whether a page works for people with low vision and people who do not use a mouse.

Lessons

  1. How a page arrives: requests and URLs 8 steps5 practiceabout 26 min
  2. HTML is structure, CSS is presentation 7 steps5 practiceabout 28 min
  3. Accessible names: images, links and forms 7 steps5 practiceabout 28 min
  4. Contrast and keyboard access 9 steps6 practiceabout 28 min
  5. Web structure and accessibility check 10 questions at the end

Keep exploring

More 10th grade computer skills

Guide for grown-ups