Accessibility
Audit

How can a manual and repetitive workflow be simplified? How might we streamline it?

  • Role

    UX/UI Designer

  • Industry

    Technology

  • Duration

    1 months

*The client's name has been changed to protect confidentiality and comply with NDA.

*The client's name has been changed to protect confidentiality and comply with NDA.

*The client's name has been changed to protect confidentiality and comply with NDA.

Outcome

A parametric Figma template for accessibility audits adopted by +12 designers, reducing the audit workflow by 40%.

A parametric Figma template for accessibility audits adopted by +12 designers, reducing the audit workflow by 40%.

A parametric Figma template for accessibility audits adopted by +12 designers, reducing the audit workflow by 40%.

The challenge

Improve the efficiency and workflow of conducting accessibility assessments.

Role and Methodology

Experience map & Intervention scope

I defined the experience map from the discovered insights and defined the intervention scope.

Users Insights

I conducted 7 semi structured interviews to gather patterns and insights on the current workflow.

UI & Prototype

I defined the foundamental of the design sytem built with variables and designed the template allowing scalabality and consistency cross audits.

What is an accessibility audit?

An accessibility audit scans for violations in a product and proposes a remediation plan. Every month designers conduct more than 7+ audit accessibility assessment.

Is required detail attenction, precision and continuos feedback with other designers

Code Analysis

Code Analysis

Code Analysis

Excel report

Excel report

Excel report

Screen error report

Screen error report

Screen error report

Delivery

Delivery

Delivery

The discovery

  • The semi-structured interviews conducted both remotely and the contextual shadowing followed a certain flexibility that allowed for the exploration of specific details that emerged during the research.

  • The semi-structured interviews conducted both remotely and the contextual shadowing followed a certain flexibility that allowed for the exploration of specific details that emerged during the research.

  • The semi-structured interviews conducted both remotely and the contextual shadowing followed a certain flexibility that allowed for the exploration of specific details that emerged during the research.

  • Duration 40min
    2+ Managers
    12+ Designers

  • Duration 40min
    2+ Managers
    12+ Designers

  • Duration 40min
    2+ Managers
    12+ Designers

  • Insight 1

    Automate where possible

    Insight

    Lost in colors

  • Insight 1

    Automate where possible

    Insight

    Lost in colors

  • Insight 1

    Automate where possible

    Insight

    Lost in colors

The solution

By intervening in the data entry phase on Figma, the workflow has been improved by 40%.

Core of template

By creating specific variables for each element, a parametric template has been developed that changes with the input of the variable, corresponding to the design tokens of the #WCAG, reducing the entry of the ID as the only manual action. To enhance awareness of the success criteria, the levels of guidelines and principles have been included.

Next steps

Figma to Excel Plug-in: Introduce a tool that improves communication between Figma and Excel, facilitating link matching.

Conclusion

Treedhome represents a significant innovation in environmental awareness and global reforestation promotion. By providing a unique and engaging way for individuals to connect with nature, it has the potential to significantly increase public interest and participation in reforestation efforts, leading to a substantial increase in the number of trees planted.

Thanks to people who teach everything i know about accessibility and inspired me in this journey: Francesco Ferretti, Valerio Ceccarelli, Alessandro Quarta.