samvera-labs / nurax-pre2023

Vanilla-plus Hyrax app for testing and tire-kicking
https://nurax-dev.curationexperts.com
Other
8 stars 18 forks source link

WAVE tool reports 'Empty table header' error on collections page #225

Open h-parekh opened 6 years ago

h-parekh commented 6 years ago

Descriptive summary

Hyrax Version: 2.1.0.beta1 Hyrax Branch: v2.1.0.beta1_qa Hyrax Revision: 8fe35f54e067fd499a4467b9ccbefa48233d43a2

If I click a specific collection, there is a table that enlists 'Works'. The small arrow at the beginning of each work in that table doesn't have a table heading. This is non-compliance with section 508 as well as WCAG standards.

<div class="hyc-blacklight hyc-bl-results">
                    <table class="table table-striped">
  <caption class="sr-only">List of items in this collection</caption>
  <thead>
  <tr>
    <th>&nbsp;</th>
    <th>Title</th>
    <th>Date Added</th>
    <th>Visibility</th>
  </tr>
..
..
..

image

Rationale

What It Means

A heading contains no content.

Why It Matters

Some users, especially keyboard and screen reader users, often navigate by heading elements. An empty heading will present no information and may introduce confusion.

How to Fix It

Ensure that all headings contain informative content.

Expected behavior

WAVE tool should not report this error

Actual behavior

WAVE tool reports an error

Steps to reproduce the behavior

  1. Install the WAVE extension for chrome
  2. Load homepage
  3. click one of the records displayed in the explore collections tab. You should be on URL: https:///collections/
  4. Click on the WAVE tool's icon and you will see the error on the 'Details' tab of WAVE tool

NOTE: You can reproduce this on Nurax as well as vanilla hyrax, but there will be other accessibility errors in Nuraax that have been fixed in Vanilla Hyrax.