Table data cells are missing or empty

Table data cells are missing or empty

deadbrainmandeadbrainman Posts: 2Questions: 1Answers: 0

I use Chrome axe plugin for validation of WCAG: 1.3.1 standard. I got this error from it. Is it possible to fix it somehow?

Thanks.

Answers

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    Looks like it is this one that it is failing on:

    th elements must use the scope attribute

    Surprised that the Axe plug-in is making that mandatory since its is optional and defaults to auto.

    To fix for your page, just add scope="auto" to your th elements.

    Allan

  • deadbrainmandeadbrainman Posts: 2Questions: 1Answers: 0
    edited April 2019

    Thanks for the answer, but it's not my case. I use v1.9.4. Here

    is small screenshot of my grid. The problem is in header and content rendering. In a DOM they are two tables (two table tags) in separate divs. For axe plugin these tables have no data cells and it generates an issue: "All th elements and elements with role=columnheader/rowheader must have data cells they describe. Ensure that each table header in a data table refers to data cells".

This discussion has been closed.