1) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /atomics/overflow.html @accessibility Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 54 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"overflow-x-hidden\" style=\"width: 100px\"> + <p class=\"font-size-xl\" style=\"width: 150px\"> + This text is clipped on its right edge because we gave the parent container overflow-hidden. + </p> + </div>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".overflow-x-hidden", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

1) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /atomics/overflow.html @accessibility Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 54 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"overflow-x-hidden\" style=\"width: 100px\"> + <p class=\"font-size-xl\" style=\"width: 150px\"> + This text is clipped on its right edge because we gave the parent container overflow-hidden. + </p> + </div>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".overflow-x-hidden", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

1) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /atomics/overflow.html @accessibility Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 54 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"overflow-x-hidden\" style=\"width: 100px\"> + <p class=\"font-size-xl\" style=\"width: 150px\"> + This text is clipped on its right edge because we gave the parent container overflow-hidden. + </p> + </div>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".overflow-x-hidden", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

2) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /components/popover.html @accessibility Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure summary elements have discernible text", + "help": "Summary elements must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=playwright", + "id": "summary-name", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "has-visible-text", + "impact": "serious", + "message": "Element does not have text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "serious", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "serious", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "serious", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute", + "html": "<summary class=\"button border\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "details > .border", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

2) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /components/popover.html @accessibility Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure summary elements have discernible text", + "help": "Summary elements must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=playwright", + "id": "summary-name", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "has-visible-text", + "impact": "serious", + "message": "Element does not have text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "serious", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "serious", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "serious", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute", + "html": "<summary class=\"button border\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "details > .border", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

2) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /components/popover.html @accessibility Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure summary elements have discernible text", + "help": "Summary elements must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=playwright", + "id": "summary-name", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "has-visible-text", + "impact": "serious", + "message": "Element does not have text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "serious", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "serious", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "serious", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute", + "html": "<summary class=\"button border\">", + "impact": "serious", + "none": Array [], + "target": Array [ + "details > .border", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

3) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /patterns/article-header.html @accessibility Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure summary elements have discernible text", + "help": "Summary elements must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=playwright", + "id": "summary-name", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "has-visible-text", + "impact": "serious", + "message": "Element does not have text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "serious", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "serious", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "serious", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute", + "html": "<summary class=\"button button-clear button-primary\">", + "impact": "serious", + "none": Array [], + "target": Array [ + ".display-flex.align-items-center > details > summary", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

3) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /patterns/article-header.html @accessibility Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure summary elements have discernible text", + "help": "Summary elements must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=playwright", + "id": "summary-name", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "has-visible-text", + "impact": "serious", + "message": "Element does not have text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "serious", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "serious", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "serious", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute", + "html": "<summary class=\"button button-clear button-primary\">", + "impact": "serious", + "none": Array [], + "target": Array [ + ".display-flex.align-items-center > details > summary", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

3) [Widescreen Chromium] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /patterns/article-header.html @accessibility Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure summary elements have discernible text", + "help": "Summary elements must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=playwright", + "id": "summary-name", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "has-visible-text", + "impact": "serious", + "message": "Element does not have text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "serious", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "serious", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "serious", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute", + "html": "<summary class=\"button button-clear button-primary\">", + "impact": "serious", + "none": Array [], + "target": Array [ + ".display-flex.align-items-center > details > summary", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48

4) [Android Chrome] › tests\accessibility.spec.ts:77:7 › axe should not find any automatically detectable accessibility issues on › /atomics/overflow.html @accessibility Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 54 - Array [] + Array [ + Object { + "description": "Ensure elements that have scrollable content are accessible by keyboard", + "help": "Scrollable region must have keyboard access", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright", + "id": "scrollable-region-focusable", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "focusable-content", + "impact": "serious", + "message": "Element should have focusable content", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "focusable-element", + "impact": "serious", + "message": "Element should be focusable", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element should have focusable content + Element should be focusable", + "html": "<div class=\"overflow-x-hidden\" style=\"width: 100px\"> + <p class=\"font-size-xl\" style=\"width: 150px\"> + This text is clipped on its right edge because we gave the parent container overflow-hidden. + </p> + </div>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".overflow-x-hidden", + ], + }, + ], + "tags": Array [ + "cat.keyboard", + "wcag2a", + "wcag211", + "wcag213", + "TTv5", + "TT4.a", + "EN-301-549", + "EN-9.2.1.1", + "EN-9.2.1.3", + ], + }, + ] 82 | .analyze(); 83 | > 84 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 85 | }); 86 | } 87 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:84:48