700 XP

Accessibility design specs with annotations

Beginner
Developer
Microsoft 365

Accessibility annotations are labels or comments included in designs for digital products to outline how elements should be made accessible. They offer directions to developers, designers, and testers to help ensure content is usable by individuals with disabilities. These annotations typically explain how components should function with assistive technologies like screen readers, keyboards, and magnifiers. In this module, you delve into the essential principles of accessibility annotations, specifically focusing on how to effectively annotate keyboard navigation & screen reader support your Figma mockups. Additionally, we are covering the importance of color contrast, High contrast, and reflow. Proper color contrast for text, graphics, and components is vital for readability, especially for users with visual impairments, while reflow ensures that content can be enlarged without increasing line length and without requiring scrolling in two dimensions when using zoom or magnification. By the end of this module, you gain the skills necessary to create inclusive designs that cater to all users, ensuring that your digital content is accessible and user-friendly.

Learning objectives

By the end of this module, you are able to:

Start

Prerequisites

  • Basic understanding of assistive technology.
  • Basic knowledge of accessibility principles.

Module assessment

Assess your understanding of this module. Sign in and answer all questions correctly to earn a pass designation on your profile.

Take the module assessment