0PricingLogin
Web Accessibility Academy · Lesson

Tags Have Meaning: Why div Soup Fails

What native semantics give you for free.

What Is div Soup?

When a page is built from nothing but div and span tags, we call it div soup. The markup looks fine on screen but means nothing underneath.

Tags Carry Meaning

Most HTML tags carry built-in semantics: a button is a button, a heading is a heading. The browser already knows what each one is for.

All lessons in this course

  1. Tags Have Meaning: Why div Soup Fails
  2. Text Elements: Paragraphs, Lists, and Emphasis
  3. The Accessibility Tree: What Screen Readers Hear
  4. Native vs Custom: When to Reach for a Real Element
← Back to Web Accessibility Academy