Open tdonohue opened 3 years ago
@tdonohue
the solution of this issue is not trivial since it requires a complete refactoring of the components in order to be rendered as a table. The estimation is about 60hours and in our opinion benefits are not commensurate with the cost
@atarix83 : Thanks for your honest estimate & opinion on this ticket. Given that feedback, I'll add your estimate to this ticket...and I'll decrease the priority to medium priority
for now. I'll also flag it as needing a volunteer, in case there are others out there interested in such a refactor, even if it only provides accessibility benefits.
Atmire would like to claim this issue as well as https://github.com/DSpace/dspace-angular/issues/3154 and https://github.com/DSpace/dspace-angular/issues/1191, and refactor this page to solve them all
@tdonohue This already had an estimate of 60 hours. That looks correct
More information on this issue from original Deque report:
Data table - General: The content visually appears to be a data table but is not marked up as one.
Element:
RULE :
Tabular data SHOULD be represented in a <table>
.
HOW TO FIX: Fix this issue by doing ALL of the following:
<table>
, <tr>
, and <td>
elements.<caption>
element as the first child of the <table>
element containing the name or title of the table.REFERENCE: Deque University: https://dequeuniversity.com/class/semantic-structure2/tables/ W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/tables/
BACKGROUND: People who are blind cannot see the organizational structure of a table with data arranged in rows and columns with corresponding header cells. In order for screen reader users to understand the logical relationships of data arranged in a table, tables need HTML markup that indicates header cells and data cells and defines their relationship. When tables are marked correctly, screen reader users are able to navigate data tables from cell to cell, in a multi-directional way (up, down, right, left), much like navigating a spreadsheet. As they move from cell to cell, screen readers will read the associated header labels.
Deque Analysis Summary
(Issue ID: 470946) Edit Item, Bitstreams tab: "Content should be in a data table but is not." The page appears visually as a table, but it is not represented as a
<table>
. Ideally, this will be fixed as follows:Fix this issue by doing ALL of the following:
<table>
,<tr>
, and<td>
elements.<caption>
element as the first child of the<table>
element containing the name or title of the table.The full issue (which includes links for more info) can be found at this link (requires login): https://axeauditor.dequecloud.com/test-run/0856438a-a19a-11eb-bc31-b7d5be387c86/issues?activeTab=dt-issue&page=0&pageSize=100&sortField=ordinal&sortDir=asc&row=9&filter%5Bseverity%5D=4&filter%5Bpage_number%5D=12&filter%5Bpage_number%5D=13&filter%5Bpage_number%5D=14&filter%5Bpage_number%5D=15
More Information / Tools