-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
Issue Summary
The data table has missing or incomplete header cell markup.
Elements:
- Name
- Owner
Tested URL
https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/insight/search?schema=3
Steps to Reproduce
- Launch the URL
- In the main content area, navigate to the Find more filters link and activate it.
- A modal dialog will pop up for "Filters"
- Navigate into the table section area where the data is present.
Actual Results
The "Name" and "Owner" are marked as <td> elements instead of <th> elements in the Filter dialog, which structure-wise and visually are represented as table headers.
Expected Results
Use <th> tags to identify column headers such as “Name” and “Owner" of the table. A screen reader reads the table information in a linear order reading one cell at a time. Thus it is essential to mark up the table headers to help users interpret the table data correctly.
Suggested code :
<tr class="ruiTable__row ruiTable__row--header"><th class="ruiTable__row__col"><div class="ruiTable__row__col__content">Name</div></th><th class="ruiTable__row__col" colspan="2"><div class="ruiTable__row__col__content">Owner</div></th></tr>
Screenshot
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 746703
Bulldog Ref:
- mentioned in
-
Page Failed to load
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|