Unexpected Color Contrast Findings in Canva Scan

[mrfu-space]

Describe the bug
A user reported that Equalify is flagging multiple color contrast issues when scanning a Canva design through its public view link, but they were unable to find the reported issues in the Canva design itself.

To Reproduce
Steps to reproduce the behavior:

1. Open the Equalify audit.
2. Review the scan results for color contrast issues.
3. Open the Canva design file through its public view link.
4. Verify the flagged color contrast issues manually using a third-party color contrast checkers (e.g., WebAIM contrast checker).

Expected behavior
The user would expect Equalify to accurately identify color contrast issues in the scanned content and not flag elements that meet the applicable WCAG contrast requirements.

Screenshots
N/A (not provided)

Desktop (please complete the following information):

• OS: N/A (not provided)
• Browser: N/A (not provided)
• Version: N/A (not provided)

Smartphone (please complete the following information):

• Device: N/A (not provided)
• OS: N/A (not provided)
• Browser: N/A (not provided)
• Version: N/A (not provided)

Additional context
The scan was performed on a Canva document using its public view link. The Equalify scan and Canva link are included above for reference.

[azdak]

Hey @mrfu-space! Looking into this a bit, I'm not sure this is actually a problem with Equalify's scan- looking at this site/preview in dev tools, there's multiple examples of text with a color contrast below 4.5, which is the WCAG standard. For example, the grey text in the light blue callout box registers as 3.57:

Due to this being a Canva preview, on the rendered HTML level, text is broken up into a lot of small <div> and <span> elements, which is the reason so many errors are registered for what is visually the same block of text, but it looks like the actual color contrast problems are real, unless I'm missing something-

[mrfu-space]

Hey @azdak! Thank you for taking a closer look and letting us know. I think the user may be having trouble matching the <div> and <span> elements flagged by Equalify to the corresponding elements on the Canva page, so they may be looking at a different element than the one being flagged. I also checked the grey text in the light blue callout box using the TPGi contrast checker and got a slightly different result. I wonder if some of the difference could be due to slight variations in how the color is being picked as well.

Thanks again for your help! I’ll share this information with the user.