Enhancing Accessibility in UX/UI Design with Figma axe for designers
November 7, 2024
© 2021, University of Phoenix. | For internal use only.
Speaker – Sunni Curtis
2
© 2021, University of Phoenix. | For internal use only.
Speaker – Janet Fukuda
3
© 2021, University of Phoenix. | For internal use only.
Sharing our ADA Process
The University of Phoenix is supporting and assisting fellow higher education institutions by sharing our approach for integrating accessibility early into the product lifecycle.
4
© 2021, University of Phoenix. | For internal use only.
Why Annotate?
3 Key reasons:
5
© 2021, University of Phoenix. | For internal use only.
What to Annotate – where to start?
Headings
Buttons
Links
Images
6
© 2021, University of Phoenix. | For internal use only.
Heading �Annotations�
Career Planning Tool Homepage
Impact of Missing Semantic Heading Levels
7
© 2021, University of Phoenix. | For internal use only.
Button & Link Annotations
Changes content dynamically = button
Navigational wayfinding = link
8
© 2021, University of Phoenix. | For internal use only.
Image Annotation�Options
Informative Annotations
Actionable Annotations
Decorative Annotations
Annotation Options
9
© 2021, University of Phoenix. | For internal use only.
Annotation Basics Demo
10
© 2021, University of Phoenix. | For internal use only.
What Our Managers Are Saying
As a Product Manager, I've seen firsthand how the axe for designer's plugin brings much-needed clarity and visualization to accessibility requirements. Axe helps by making accessibility less obscure for product teams. This tool helps drive a deeper empathy for end customers, ensuring that accessibility is a core part of the design process, and not an afterthought.
11
© 2021, University of Phoenix. | For internal use only.
What Our Designers Are Saying
Using the Axe Figma plugin has allowed my team to incorporate accessibility sooner into the design process. As a result, we can identify and address potential accessibility concerns before we begin development, improving the experience for all of our students.
12
© 2021, University of Phoenix. | For internal use only.
What Our Engineers Are Saying
We are currently integrating it directly into the automated test suit which is helping us to detect accessibility issues early. Also, because multiple engineers are working on the development process, integrating axe helps to maintain consistent accessibility standards across different parts of the application.
13
© 2021, University of Phoenix. | For internal use only.
What Our Students Are Saying
I'm incredibly grateful for the support I receive at Phoenix as a student with learning disabilities. I often face challenges, but the staff here goes above and beyond to promise that I have access to a high-quality education. They give equitable resources and diversity, making a significant difference while on this learning journey. Thank you, Phoenix.
14
© 2021, University of Phoenix. | For internal use only.
Thank You & Connect With Us!
15
© 2021, University of Phoenix. | For internal use only.
Resources
16
© 2021, University of Phoenix. | For internal use only.