Skip to main content

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

The Deque Team

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 costs only 15 EUR.

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.

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 the Grünhof and will take place the day after SmashingConf. The workshop will be running from 9:30 to 17:00 on Wednesday, September 11.

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 costs 15 EUR.

Register for this workshop →

On the web
www.deque.com
On Twitter
@dequesystems
Workshop Includes
  • Snacks and drinks
  • Tea and Coffee
  • Lunch
  • Paper and pen/pencil