This code causes a color contrast issue to be reported, even though the element with low contrast is hidden because of overflow. This type of thing can happen in carousels for example, when the opacity is reduced as the end state of a fade-out effect.
<style>
.container {
width: 200px;
height: 200px;
overflow: hidden;
}
.foo * {
width: 200px;
height: 200px;
}
#two {
color: #eee;
}
</style>
<div class="container">
<div class="foo" id="foo">
<div id="one">hello</div>
<div id="two">goodbye</div>
</div>
</div>
This code causes a color contrast issue to be reported, even though the element with low contrast is hidden because of overflow. This type of thing can happen in carousels for example, when the opacity is reduced as the end state of a fade-out effect.