Skip to Main Content

Annotating Designs for Accessibility

taught by: Claire Webber

Session Summary

Annotating designs with accessibility information is a powerful way to focus on accessibility early in the design phase, as well as communicate your accessibility requirements to developers and testers. Claire will cover the benefits of documenting accessibility and what we should document at the design stage.


Find Annotating Designs for Accessibility on the Knowbility Learning Center

Accessibility annotations can help designers think through accessibility requirements and provide a way to clearly communicate decisions to developers and testers. This session will cover what can be documented at the design stage and the benefits. Examples will show how annotations can be added to design system components and patterns as well as in visual designs. At the end of this class, you will be able to:

• Describe the benefits of using accessibility annotations

• Know what to annotate designs and in design systems

• Apply accessibility annotations in design tools such as Figma

Instructor will present virtually

Practical Skills

  • The benefits of using accessibility annotations
  • How to annotate your designs in tools such as Figma
  • What to annotate for accessibility at the design stage