Accessibility Champions and Figma Annotations

Date & Time

Friday, March 22, 2024 - 9:20 AM PDT  

Location

Platinum 2  

Description

We’re working toward a world where everyone has a safe place to call home, including removing barriers to access. For our vision for an Accessibility Champion program at Realtor.com, we wanted the program open to anyone as a self-paced and self-directed program. Another initiative as part of the Accessibility Champion program was to create an Accessibility Annotation Kit specific for designs at Realtor.com. There already exists a number of annotation toolkits in Figma created by other companies, but other toolkits are not specific to the internal environment at Realtor.com. We took those base accessibility annotation kit pieces and referred back to our internal Realtor.com Accessibility Checklist for Designers. We matched either an annotation kit piece or a check for designers for the accessibility checklist. For example, for color contrast we ask the designers to check their designs if they are not using standard Realtor.com user interface (RDC-UI) components. We provide some guidance to our designers on how to mark up their designs with accessibility annotations when their designs mostly rely on standard design system components. If the product team and designers are using standard components that are part of the design system, some aspects are already handled by the technology and we make suggestions on how to annotate notes for that in the designs. In the session we will be showing designs in Figma showing the Realtor.com Accessibility Annotation Kit.  

Audience

• Information & Communications Technology
• Research & Development

Audience Level

Beginning  

Session Summary (Abstract)

This session will provide overviews of the Realtor.com Accessibility Champion program and Accessibility Annotation Kit in Figma. We'll review designs using the kit and examples of how standard design system components can be annotated will be shown.  

Primary Topic

Design  

Secondary Topics

• Development
• Digital Accessibility
• Mobile Technology
• Web

 

Session Type

General Track  

Presenter

• Amy Chen
  Realtor.com

Add to Outlook/iCal (How it works)

Back to Session List