Skip to Main Content

POSH Foundations: Building Accessibility with Semantic HTML

taught by: Natalie MacLees


Session Summary

Plain Old Semantic HTML or POSH is the foundation of accessible design, setting the stage for usability and inclusivity. Learn how to break down designs into semantic HTML and use it to build robust and accessible digital experiences.


Description

Semantic HTML is often overlooked or dismissed as "simple", yet it serves as the foundation of accessible, resilient web design. This workshop dives deep into the nuances of plain old semantic HTML (POSH), emphasizing its critical role as the foundation upon which all other accessibility efforts depend. We'll explore how seemingly small decisions in HTML structure can profoundly impact usability and inclusivity.

Frontend development is a craft, not a task to be automated away by a UI library. Properly coding semantic HTML requires skill and attention to detail. We'll dive deep into understanding frontend principles and the artistry involved in creating accessible digital products. Even experienced developers will find value in revisiting the foundational principles of semantic HTML, learning new techniques and refining their skills further.

Through hands-on activities, you'll learn to break down a variety of real-world complex designs into semantic, accessible HTML. By mastering this core skill, you'll not only improve your frontend development practices, but also set the stage for success with more advanced accessibility techniques involving CSS, JavaScript, and ARIA.


Practical Skills

  • Gain a comprehensive understanding of semantic HTML and its role as the foundation of web accessibility.
  • Learn to break down complex designs into semantic, accessible HTML structures, applying best practices for usability.
  • Develop an appreciation for frontend development as a nuanced skill and craft and be prepared to depend less on automated frontend tools and UI libraries.