Lighthouse: Accessibility audit error on color contrast step

[benNek]

Axe tool is able to correctly find color contrast errors without errors

Provide the steps to reproduce

1. Run LH accessibility audit on https://www.kayak.com/Cheap-New-York-Car-Rentals.15830.cars.ksp and it does not calculate overall score properly because of error happening

What is the current behavior?

Error happens on finding color contrast issues

What is the expected behavior?

Accessibility score is being calculated properly without the errors

Environment Information

• Affected Channels: All of them (CLI, Node, DevTools)
• Lighthouse version: 6.4.1
• Chrome version: 87.0.4280.67 (happens on CLI and canary too)
• Node.js version: v12.15.0
• Operating System: macOS Catalina

Related issues
It only happens on mobile audit, desktop works fine. Tried to debug from webpage side and it happens on sidenav (document.querySelector('[class$=-nav-container]')) when there are too many icons/SVGs. Seems very cryptic, as removing random two of the icons seem to fix the problem.

Is it possible to find logs of those errors? I coulnd't find any

[patrickhulce]

Thanks for filing @benNek!

I'm not able to reproduce axe providing color contrast results on the mobile webpage.

Would you be willing to share this URL with the axe-core project for them to fix?

[benNek]

Sure thing @patrickhulce -> https://github.com/dequelabs/axe-core/issues/2674

[jason-r2r]

I am having the same issue on https://www.rome2rio.com/s/Mumbai/Delhi (run via web.dev):

When running locally I can consistently reproduce the issue and I notice if I remove a overflow-x: scroll style attribute from two sections (Things to do, Places to stay) then the error goes away and I get this result (run locally from Chrome):

[patrickhulce]

@jason-r2r that appears to be a different axe issue. Filed https://github.com/dequelabs/axe-core/issues/2681 with that information.

[connorjclark]

this will be fixing in v7

dupe #10644