Skip to main content Jump to list of all articles

Translating Design Wireframes Into Accessible HTML/CSS

The most efficient way to build accessible websites and apps is to “shift left” by incorporating accessibility testing into the earliest stages of your development and design process. As a key accessibility practice taking place early in design and development, translating a wireframe into web content is a common, but easy to avoid pitfall. In this webinar, Harris will walk you through the process of analyzing a wireframe from an accessibility perspective, making coding decisions to optimize for accessibility, implementing that code, testing your code, and troubleshooting.

About The Session

  • Speaking: Harris Schneiderman
  • Date:

Translating Design Wireframes Into Accessible HTML/CSS

The most efficient way to build accessible websites and apps is to "shift left" by incorporating accessibility testing into the earliest stages of your development and design process.

As a key accessibility practice taking place early in design and development, translating a wireframe into web content is a common, but easy to avoid pitfall. In this webinar, Harris will walk you through the process of analyzing a wireframe from an accessibility perspective, making coding decisions to optimize for accessibility, implementing that code, testing your code, and troubleshooting. This session is for you if you'd like to learn how to:

  • Take a wireframe and learn how to properly annotate it for accessibility.
  • Translate the requirements from the wireframe into an implemented component.
  • Test the component for accessibility during the development phase.

About The Speaker

Harris is a web developer with a strong passion for digital equality. He works at Deque Systems as the Principal UI Engineer building awesome web applications. He wrote Cauldron (Deque’s pattern library), Dragon Drop, and is the lead developer on axe Pro. When he is not at work, he still finds time to contribute to numerous open source projects.
← Back to the overview

What’s Smashing TV?

Smashing TV is a series of webinars and live streams packed with practical tips for designers and developers. Not just talks — conversations and “here-is-how-I-work”-sessions. Smashing Members can download recordings, too.

Think of it as some sort of a Hollywood blockbuster with cats. Just better, because it’s for people like you. Check upcoming webinars.

Previous Webinars

We run practical sessions every week. No fluff, just actionable techniques and strategies for building and designing better experiences. Here are a few recent ones:

View upcoming webinars ↬