question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

False positive: 'color-contrast' rule fails text nested inside multiple elements floating left

See original GitHub issue

color-contrast fails to pick up the background color of the text inside nested elements floating left and calculates the contrast ratio against the background of the next element flowing on the right side.

Expectation: color-contrast rule to pass the following example

Actual: color-contrast is being calculated against the wrong background color

Motivation: The failed text has sufficient contrast against its background

Demo link: https://codepen.io/iamrafan/pen/mdexPgw?editors=1100

axe-core version: 3.5.2-canary.37be85f
axe-Coconut version: 4.4.1

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
strakercommented, May 7, 2020

Verified. Thanks for finding the issue.

0reactions
strakercommented, May 20, 2020

@jeankaplansky Nope, we can close.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Text elements must have sufficient color contrast against ...
How to Fix the Problem. Ensure all text elements have sufficient color contrast between the text in the foreground and background color behind...
Read more >
Fixed issues in InDesign
Here's the list of issues we fixed in the latest release of InDesign. ... Nested Alt Text accessibility check error for hyphens in...
Read more >
HTML5: Edition for Web Authors
This specification defines a set of elements that can be used in HTML, along with rules about the ways in which the elements...
Read more >
HTML: A good basis for accessibility - Learn web development
After all, you can use a combination of CSS and JavaScript to make just about any HTML element behave in whatever way you...
Read more >
C++ Core Guidelines - GitHub Pages
The C++ Core Guidelines are a set of tried-and-true guidelines, rules, and best practices about coding in C++.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found