jest-axe reports a11y warnings
Description
CSP Request Details
None
CSP Rejection Details
None
Potential Workaround
None
Attachments
1
- 31 Jan 2025, 06:00 PM
blocks
Checklist
hideActivity
Show:
Done
Details
Details
Assignee
Aidyn Zhakizhanov
Aidyn ZhakizhanovReporter
Zak Burke
Zak BurkePriority
Story Points
1
Sprint
None
Development Team
Eureka
Release
Sunflower (R1 2025)
RCA Group
TBD
TestRail: Cases
Open TestRail: Cases
TestRail: Runs
Open TestRail: Runs
Created January 31, 2025 at 3:06 PM
Updated February 17, 2025 at 1:06 PM
Resolved February 17, 2025 at 1:06 PM
TestRail: Cases
TestRail: Runs
Summary: Resolve accessibility warnings as reported by axe-jest.
Details: Numerous failures; see attachment
jest-output.txt
. Example:FAIL lib/Role/RoleCreate/RoleCreate.test.js (18.404 s) ● RoleCreate › has no a11y violations according to axe expect(received).toHaveNoViolations(expected) Expected the HTML found at $('#accordion249 > section > div[data-testid="capabilities-data-type"] > .mclContainer > div[role="grid"][aria-rowcount="2"][data-total-count="0"] > .mclHeaderContainer > .mclHeaderRow[aria-rowindex="1"][role="row"] > .mclHeader[role="columnheader"][aria-sort="none"]:nth-child(8)') to have no violations: <div role="columnheader" class="mclHeader" aria-sort="none" style="flex: 0 0 auto;" id="list-column-"></div> Received: "Table header text should not be empty (empty-table-header)" Fix any of the following: Element does not have text that is visible to screen readers You can find more information on this issue here: https://dequeuniversity.com/rules/axe/4.9/empty-table-header?application=axeAPI Expected the HTML found at $('#accordion250 > section > div[data-testid="capabilities-data-type"] > .mclContainer > div[role="grid"][aria-rowcount="2"][data-total-count="0"] > .mclHeaderContainer > .mclHeaderRow[aria-rowindex="1"][role="row"] > .mclHeader[role="columnheader"][aria-sort="none"]:nth-child(8)') to have no violations: <div role="columnheader" class="mclHeader" aria-sort="none" style="flex: 0 0 auto;" id="list-column-"></div> Received: "Table header text should not be empty (empty-table-header)" Fix any of the following: Element does not have text that is visible to screen readers You can find more information on this issue here: https://dequeuniversity.com/rules/axe/4.9/empty-table-header?application=axeAPI