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:
parent
183d1cf211
commit
e07b92e48a
|
|
@ -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 %]
|
||||
|
|
|
|||
Loading…
Reference in New Issue