Table Header Text Should Not Be Empty

Issue/Question

When I run a Page Check I get the following Minor Problem: 

Table header text should not be empty

Environment

  • Omni CMS

Cause

Omni CMS Final Checks evaluate all code on a page and detect accessibility issues not meeting WCAG 2.0 (Level AA) standards

It detected the page has a table containing a cell with the type header that does not have any text. Table header elements should have visible text that describes the purpose of the row or column to both sighted users and screen reader users.

Resolution

Ensure the table header has text that can be used by screen reader users.

  1. Click  Yellow Light Bulb to check out page.
  2. Click  Edit tab.
  3. Click  Edit button on content area where table is located.
  4. Click inside any empty header cells.
    Note: It can be helpful to Add a Table Style which will make any table header cells red.
  5. Add text to cell that labels the column or row that it is the header of.
  6. Save page.
  7. Click Publish button to run accessibility final check again. When the issue is resolved it will no longer display in the accessibility check.

If the element is not a header, marking it up with a `td` is more appropriate.

  1. Click  Yellow Light Bulb to check out page.
  2. Click  Edit tab.
  3. Click  Edit button on content area where table is located.
  4. Right click in header cell.
  5. Hover over Cell in pop-up menu.
  6. Select Cell Properties.
  7. Select Cell in Cell type dropdown menu.
  8. Save page.
  9. Click the Publish button to run the accessibility final check again. When the issue is resolved it will no longer display in the accessibility check.

Details

Article ID: 4087
Created
Mon 10/16/23 10:06 AM
Modified
Tue 11/28/23 9:45 AM