01

Accessible Typography for Web & UI Design, Workshop

by Oliver Schöndorfer

Accessible Typography for Web & UI Design, Workshop

How can you best combine sublime typography with web accessibility? This fun and practical workshop gives you clear guidelines for a seemingly too fuzzy area. Learn how to set the text in your design projects beautifully accessible, making it reach and convince more people, while meeting legal requirements.

Great typography meets accessibility

Typography is fundamental to web and UI design, but with its many rules and conventions it can often be overwhelming. Web Accessibility is a common requirement, but the guidelines can feel very complicated and fuzzy, when it comes to visual design. This workshop combines both topics in a way visual designers can understand and apply them. Instead of thinking of it as a hurdle or limitation, learn to see accessibility requirements as another source of inspiration.

The workshop covers

  • Which WCAG requirements (success criteria) matter for visual design.
  • How to assess if a typeface is accessible.
  • Which contrast requirements are crucial.
  • What are the best font sizes.
  • The ideal line length, line height and letter spacing.
  • Suggestions of handy tools, plugins and resources.
  • Short exercises, letting you apply what you just learned, right away.
  • If you want to, bring your own project and get feedback.

For whom this workshop is

This workshop is specifically aimed towards visual designers, UI, app, or graphic designers – however you wanna call yourself 😉. It will not be technical, so not about HTML elements or providing alt tags. It is a deep dive into typography and accessibility, not accessible web design in general. The goal of the workshop is taking the weight out of an often overwhelming and fuzzy topic, and breaking it down into practical, usable steps.

What you’ll need

Your own computer and a free Figma account for doing the exercises.

OFFF Vienna Festival Ticket is not compulsory but appreciated.

02

Turtle Graphics - Old school generative Art with p5.js and Axidraw

by Process Studio

Start out with creative coding using an intuitive approach first developed for kids in the 1960s. Learn to create generative drawings using only three basic commands that move a virtual pen, called a turtle, around the canvas.

Revived and brought to modern creative coding platform p5.js, this technique not only allows you to create digital images, but the same code will drive an Axidraw flatbed pen plotter, a drawing machine that uses pens or markers to draw your artwork on paper.

Your own computer is requiered. OFFF Vienna Festival Ticket is not compulsory but appreciated.