Semantic HTML

Semantic Foundations for Interface Teams

Rebuild pages with predictable landmarks, headings, and lists so assistive tech announces structure instead of guesswork.

Hero artwork for Semantic Foundations for Interface Teams

This course walks cohorts through live markup refactors on real components. You will annotate regions, normalize heading levels, and pair HTML elements with the roles they already imply. Labs include pairing with NVDA on Windows and VoiceOver on macOS to verify announcements after each change.

Duration: 5 weeks · 2 live reviews
Format: Hybrid studio + async critiques
Reference tuition: ₩920,000 (informational only)

Avatar for Haneul Park
Haneul Park

Former product engineer turned accessibility instructor; focuses on markup contracts between design and QA.

Inside the sessions

  • Landmark maps for complex layouts
  • Heading outline workshops with mentor markup
  • Figure, caption, and table semantics for data-heavy views
  • Live diff reviews against WCAG parsing expectations
  • Checklists for content editors shipping copy into CMS blocks
  • Micro-module on internationalized markup for KR + EN pairs

Outcomes you can show

  1. Ship a semantic skeleton for one production route
  2. Document a reusable heading contract for design systems
  3. Run a weekly audit snippet that flags skipped levels
Request information

Need cancellation details? Read Returns & Refunds.

Participant notes

“The Semantic Foundations course forced us to rewrite our dashboard shell. The week-two diff review on our sidebar landmark map caught three nested nav issues before QA opened tickets.”

Minseo K. · Frontend engineer · Transit vendor squad · 5/5 · survey

“Landmark module was dense; still worth it because we now ship a heading contract with every release train.”

Client in public service vendor · survey

Questions with honest limits

We stay inside web markup. Document remediation is out of scope, though we can suggest partners who specialize in tagged PDFs.