Skip to main content

Sponsored Workshop: How To Translate Wireframes Into Accessible HTML/CSS

The Deque Team
On the web
On Twitter
Get a ticket

Workshop includes:

  • Snacks and drinks
  • Tea and Coffee
  • Lunch
  • Paper and pen/pencil

Full-day workshop • Wednesday, September 11
There’s more than one way to code a web design, but the choices we make in the process of translating a wireframe into web content have a huge impact on the accessibility of that content.

This workshop will be divided into two parts: one will focus on how design interacts with code and the second will focus on how to write/test for accessible code.

If you’re a designer who isn’t familiar with code, do not fear! We will be pairing folks up during exercises depending on their skill level.

We 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 workshop will take the form of a mini sprint.

This workshop is sponsored by our wonderful sponsor Deque and is free of charge.

You will work with Deque experts to

  • Define project requirements and the scope of the sprint based on existing wireframes
  • Prioritize and assign tasks
  • Identify how one would normally approach building the web components
  • Identify what kind of accessibility challenges would show up
  • Discuss how to solve those issues and the pros/cons of different approaches
  • Build the things
  • Test the things
  • What worked? What didn’t? Why didn’t it work? How would you fix?
  • Share practical lessons attendees can remember and apply when they build these components in the future.

This will be a highly interactive workshop focused on giving you practical experience integrating accessibility into the development process and helping you build your accessibility problem solving skills. You will also be given early access to their exclusive beta testing community for a new accessibility testing tool.

Target Audience

Front-end developers seeking practical accessibility skills that they can apply on the job. Attendees should be comfortable with HTML, CSS, and JavaScript and have a basic understanding of what accessibility is.

What Hardware/Software do you need?

You will need a laptop with Chrome installed and a text editor. If you’re planning on participating in the coding activities, please install Git, Node, and be ready to download from NPM.

About The Deque Team

Dylan Barrell

Dylan Barrell
Dylan is the Chief Product Officer at Deque. He has almost 20 years of experience in technology development, technical sales, product management, product marketing, and corporate development. Dylan believes in building a barrier-free web by making it really easy for developers, quality assurance engineers and content writers to create accessible applications and content.

Harris Schneiderman

Harris Schneiderman
Harris is a web developer with a strong passion for digital equality. He works for Deque as the Principal UI Engineer building awesome web applications. When he is not at work, he still finds time to contribute to numerous open source projects.


Historisches Kaufhaus
Münsterplatz 24
79098 Freiburg im Breisgau Germany
Google Maps

Schedule for Wednesday, September 11

8:30 – Doors open, Registration
9:00 – Introduction & Kick-off
11:00 – Coffee Break
12:30 – Lunch
13:30 – Afternoon Session
15:00 – Coffee Break
17:00 – The End

This workshop is sponsored by our wonderful sponsor Deque and is free of charge.