1) [Widescreen Chromium] › accessibility.spec.ts:75: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 + 180 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "15.0pt (20px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"background-color-primary padding-xl\"> + <p class=\"color-primary-invert font-size-xl\"> + This box's borders are rounded because we gave the parent container overflow-hidden + </p> + </div>", + "target": Array [ + ".padding-xl", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"color-primary-invert font-size-xl\"> + This box's borders are rounded because we gave the parent container overflow-hidden + </p>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".color-primary-invert", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"scroll-vertical max-height-30vh background-color-primary inner-focus margin-top-xs\" data-focusable-if-scrollable=\"\" style=\"resize: vertical\">", + "target": Array [ + ".scroll-vertical.max-height-30vh.background-color-primary:nth-child(15)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #ffffff, bac

1) [Widescreen Chromium] › accessibility.spec.ts:75: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 + 180 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "15.0pt (20px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"background-color-primary padding-xl\"> + <p class=\"color-primary-invert font-size-xl\"> + This box's borders are rounded because we gave the parent container overflow-hidden + </p> + </div>", + "target": Array [ + ".padding-xl", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"color-primary-invert font-size-xl\"> + This box's borders are rounded because we gave the parent container overflow-hidden + </p>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".color-primary-invert", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"scroll-vertical max-height-30vh background-color-primary inner-focus margin-top-xs\" data-focusable-if-scrollable=\"\" style=\"resize: vertical\">", + "target": Array [ + ".scroll-vertical.max-height-30vh.background-color-primary:nth-child(15)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of

1) [Widescreen Chromium] › accessibility.spec.ts:75: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 + 180 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "15.0pt (20px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"background-color-primary padding-xl\"> + <p class=\"color-primary-invert font-size-xl\"> + This box's borders are rounded because we gave the parent container overflow-hidden + </p> + </div>", + "target": Array [ + ".padding-xl", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"color-primary-invert font-size-xl\"> + This box's borders are rounded because we gave the parent container overflow-hidden + </p>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".color-primary-invert", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"scroll-vertical max-height-30vh background-color-primary inner-focus margin-top-xs\" data-focusable-if-scrollable=\"\" style=\"resize: vertical\">", + "target": Array [ + ".scroll-vertical.max-height-30vh.background-color-primary:nth-child(15)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of

2) [Widescreen Chromium] › accessibility.spec.ts:75:7 › axe should not find any automatically detectable accessibility issues on › /atomics/position.html @accessibility Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 60 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"position-relative background-color-primary padding-xl\"> + <span class=\"position-absolute bottom-0 right-0 color-primary-invert margin-sm\"> + Absolutely + </span> + </div>", + "target": Array [ + ".position-relative", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"position-absolute bottom-0 right-0 color-primary-invert margin-sm\"> + Absolutely + </span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".position-absolute", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "ACT", + "TTv5", + "TT13.c", + ], + }, + ] 80 | .analyze(); 81 | > 82 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 83 | }); 84 | } 85 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:82:48

2) [Widescreen Chromium] › accessibility.spec.ts:75:7 › axe should not find any automatically detectable accessibility issues on › /atomics/position.html @accessibility Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 60 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"position-relative background-color-primary padding-xl\"> + <span class=\"position-absolute bottom-0 right-0 color-primary-invert margin-sm\"> + Absolutely + </span> + </div>", + "target": Array [ + ".position-relative", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"position-absolute bottom-0 right-0 color-primary-invert margin-sm\"> + Absolutely + </span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".position-absolute", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "ACT", + "TTv5", + "TT13.c", + ], + }, + ] 80 | .analyze(); 81 | > 82 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 83 | }); 84 | } 85 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:82:48

2) [Widescreen Chromium] › accessibility.spec.ts:75:7 › axe should not find any automatically detectable accessibility issues on › /atomics/position.html @accessibility Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 60 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#b4d6fa", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"position-relative background-color-primary padding-xl\"> + <span class=\"position-absolute bottom-0 right-0 color-primary-invert margin-sm\"> + Absolutely + </span> + </div>", + "target": Array [ + ".position-relative", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #ffffff, background color: #b4d6fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"position-absolute bottom-0 right-0 color-primary-invert margin-sm\"> + Absolutely + </span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".position-absolute", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "ACT", + "TTv5", + "TT13.c", + ], + }, + ] 80 | .analyze(); 81 | > 82 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 83 | }); 84 | } 85 | }); at D:\a\atlas-design\atlas-design\integration\tests\accessibility.spec.ts:82:48

3) [Widescreen Chromium] › accessibility.spec.ts:75:7 › axe should not find any automatically detectable accessibility issues on › /components/badge.html @accessibility Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 124 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ebf3fc", + "contrastRatio": 1.34, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b4d6fa", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.34 (foreground color: #b4d6fa, background color: #ebf3fc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<span class=\"badge badge-primary\">Badge</span>", + "target": Array [ + "td:nth-child(3) > .badge-primary.badge", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.34 (foreground color: #b4d6fa, background color: #ebf3fc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"badge badge-primary\">Badge</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + "td:nth-child(3) > .badge-primary.badge", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b4d6fa", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<main id=\"main\" class=\"layout-body-main\">", + "target": Array [ + "#main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"badge badge-primary badge-clear\">Clear</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".badge-primary.badge-clear.badge", + ], + }, + Object { + "all": Array [], + "any": Array [

3) [Widescreen Chromium] › accessibility.spec.ts:75:7 › axe should not find any automatically detectable accessibility issues on › /components/badge.html @accessibility Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 124 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ebf3fc", + "contrastRatio": 1.34, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b4d6fa", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.34 (foreground color: #b4d6fa, background color: #ebf3fc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<span class=\"badge badge-primary\">Badge</span>", + "target": Array [ + "td:nth-child(3) > .badge-primary.badge", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.34 (foreground color: #b4d6fa, background color: #ebf3fc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"badge badge-primary\">Badge</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + "td:nth-child(3) > .badge-primary.badge", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b4d6fa", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<main id=\"main\" class=\"layout-body-main\">", + "target": Array [ + "#main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"badge badge-primary badge-clear\">Clear</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".badge-primary.badge-clear.badge", +

3) [Widescreen Chromium] › accessibility.spec.ts:75:7 › axe should not find any automatically detectable accessibility issues on › /components/badge.html @accessibility Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 124 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ebf3fc", + "contrastRatio": 1.34, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b4d6fa", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.34 (foreground color: #b4d6fa, background color: #ebf3fc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<span class=\"badge badge-primary\">Badge</span>", + "target": Array [ + "td:nth-child(3) > .badge-primary.badge", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.34 (foreground color: #b4d6fa, background color: #ebf3fc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"badge badge-primary\">Badge</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + "td:nth-child(3) > .badge-primary.badge", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b4d6fa", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<main id=\"main\" class=\"layout-body-main\">", + "target": Array [ + "#main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<span class=\"badge badge-primary badge-clear\">Clear</span>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".badge-primary.badge-clear.badge", +

4) [Widescreen Chromium] › accessibility.spec.ts:75:7 › axe should not find any automatically detectable accessibility issues on › /components/button.html @accessibility Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 264 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 1.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#b4d6fa", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"button button-primary\">Default</button>", + "target": Array [ + "tr:nth-child(1) > td:nth-child(3) > .button-primary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.5 (foreground color: #b4d6fa, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"button button-primary\">Default</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + "tr:nth-child(1) > td:nth-child(3) > .button-primary", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ebf3fc", + "contrastRatio": 2.5, + "expectedContrastRatio": "4.5:1", + "fgColor": "#479ef5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.5 (foreground color: #479ef5, background color: #ebf3fc, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<button class=\"button button-primary is-hovered\">Default</button>", + "target": Array [ + "tr:nth-child(1) > td:nth-child(4) > .button-primary.is-hovered", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.5 (foreground color: #479ef5, background color: #ebf3fc, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"button button-primary is-hovered\">Default</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + "tr:nth-child(1) > td:

The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/