Skip to content

Color-contrast does not take into account <slot> elements and the light DOM #3329

@tmcconechy

Description

@tmcconechy

Product: axe-core && axe Extension
Expectation: Correctly Report the Contrast on a Manual Scan
Actual: False Reports of an Issue
Motivation: This was Previously working


axe-core version: 4.3.5
extension: 4.19.0

To reproduce this issue you can use our test site https://main.wc.design.infor.com/ids-radio/
With Axe Latest version use the extension and Scan the Page.

I can see the page is reporting errors on the label custom element that is almost black on a white background. This previously did work ok (noticed in last week or so). I also wonder how the rules are deployed as we have seen other wierd things like some people seeing it and some not. We see the same thing in our tests which run the puppetteer axe.

Screen Shot 2021-12-16 at 3 04 37 PM

I wonder if its because the element is a customElement and the text is linked via a slot.

Screen Shot 2021-12-16 at 3 05 42 PM

Metadata

Metadata

Assignees

No one assigned

    Labels

    color contrastColor contrast issuesfixBug fixesprA pr has been created for the issue

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions