Elements with display:table-row not included in background color test

[WilcoFiers]

Expected: The following should pass the color-contrast rule

<div style="background-color: #003; color: #eee; display: table-row;">
  <p>Good contrast</p>
</div>

Actual: The rule fails to pick up the background-color because it is on a display: table-row element. This is similar to how <tr> and <thead> elements aren't picked up by elementsFromPoint.

[dbjorge]

Note that this issue repros on Chromium (stable and dev) but not Firefox, as of writing. We are reasonably confident that the root cause is Chromium bug 647594. We already notified the Chromium team of the axe-core impact and they have already escalated the bug to P1 accordingly, tagged for release M-78.

[jeankaplansky]

Include as part of the overall improvements/fixes to color-contrast

[padmavemulapati]

Throwing color-contrast voilation.

[atotic]

FYI: Chrome will not change elementFromPoint behavior for rows/sections. I've tested it in all modern browsers, and it seems that current Firefox matches Chrome's behavior.

Background color of a table cell is also determined by columns. This makes it impossible to determine true table background cell from javascript in general case. (unless there is an api I am not aware of). I suggest filling a csswg issue if this is a capability you need for accessiblity.