<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
<style>
*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.6em;
}
</style>
</head>
<body>
<ul>
<li>
Test
<ul>
<li></li>
</ul>
</li>
<!-- when you remove the dot at the end it fails too -->
<li>Lorem <strong>ipsum</strong>.
<ul>
<li></li>
</ul>
</li>
</ul>
</body>
</html>
Product
axe-core
Product Version
4.4.3
Latest Version
Issue Description
I've found the following issue with the determination of background colors by axe. The source code contains an example where it fails and one where it succeeds.
How to reproduce:
HTML
Product: axe-core
Expectation: It should be able to determine the background color.
Actual: It can't.