Skip to main content

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

The Deque Team
On the web
On Twitter

Workshop includes:
  • Snacks and drinks
  • Tea and Coffee
  • Lunch
  • Paper and pen/pencil

Full-day workshop • Monday, April 15
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.

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.

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.

Aaron Pearlman

Aaron Pearlman
Aaron is Deque’s Principal UX Designer. In addition to leading both strategic and tactical UX efforts, Aaron works on creating accessibility centric standards around user research, ideation, sketching, wireframing, prototyping, and usability testing.

Time & Location

This full-day workshop will be hosted at Fort Mason and will take place the day before SmashingConf. The workshop will be running from 9:30 AM to 5:30 PM on Monday, April 15th.

Schedule for Monday, April 15th

9:00 AM – Doors open, Registration
9:30 AM – Introduction & Kick-off
11:00 AM – Coffee Break
1:00 PM – Lunch
2:00 PM – Afternoon Session
3:30 PM – Coffee Break
5:30 PM – The End

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

The workshop is full. Sign up for the waitlist →