Bug 42233: Add accessible text to empty purchase suggestions table header

The first header cell in the OPAC purchase suggestions table contains
only an icon, leaving the <th> without accessible text. This causes
the column header to be announced unclearly by assistive technology
and can be flagged by accessibility testing as an empty table header.

Add visually hidden text to the header so the column has a meaningful
accessible name while preserving the current visual display.

Test plan:
1. Log in to the OPAC
2. Make a purchase suggestion
3. In the suggestions table, the first <th> contains no text
4. Apply the patch
5. Repeat steps 1-2
6. Inspect the suggestions table header
7. Confirm the first <th> now contains visually hidden text describing
   the checkbox selection column
8. Confirm the info icon still appears and its tooltip still works
9. Run an accessibility checker or inspect the DOM and confirm the
   empty table header issue is resolved

Signed-off-by: David Nind <david@davidnind.com>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
This commit is contained in:
Laura_Escamilla 2026-04-02 19:01:53 +00:00 committed by Lucas Gass
parent 183d1cf211
commit e07b92e48a
No known key found for this signature in database
GPG Key ID: 60B447398B0D36CA
1 changed files with 1 additions and 0 deletions

View File

@ -424,6 +424,7 @@
<tr>
[% IF ( loggedinusername ) %]
<th>
<span class="visually-hidden">Select purchase suggestions for deletion</span>
<i data-bs-toggle="tooltip" title="Check the boxes in this column to select purchase suggestions for deletion" data-bs-placement="right" class="fa fa-info-circle" tabindex="0"></i>
</th>
[% END %]