2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47

2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47

1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47

4) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "success" should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 1.94, + "expectedContrastRatio": "4.5:1", + "fgColor": "#2dd55b", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 1.94 (foreground color: #2dd55b, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 1.94 (foreground color: #2dd55b, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" should pass AA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.19, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8482fb", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.19 (foreground color: #8482fb, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.19 (foreground color: #8482fb, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" should pass AA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.19, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8482fb", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.19 (foreground color: #8482fb, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.19 (foreground color: #8482fb, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.19, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8482fb", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.19 (foreground color: #8482fb, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.19 (foreground color: #8482fb, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" should pass AA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.33, + "expectedContrastRatio": "4.5:1", + "fgColor": "#46b1ff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.33 (foreground color: #46b1ff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.33 (foreground color: #46b1ff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" should pass AA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.33, + "expectedContrastRatio": "4.5:1", + "fgColor": "#46b1ff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.33 (foreground color: #46b1ff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.33 (foreground color: #46b1ff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.33, + "expectedContrastRatio": "4.5:1", + "fgColor": "#46b1ff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.33 (foreground color: #46b1ff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.33 (foreground color: #46b1ff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" should pass AA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.19, + "expectedContrastRatio": "4.5:1", + "fgColor": "#4d8dff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.19 (foreground color: #4d8dff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.19 (foreground color: #4d8dff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" should pass AA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.19, + "expectedContrastRatio": "4.5:1", + "fgColor": "#4d8dff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.19 (foreground color: #4d8dff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.19 (foreground color: #4d8dff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.19, + "expectedContrastRatio": "4.5:1", + "fgColor": "#4d8dff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.19 (foreground color: #4d8dff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.19 (foreground color: #4d8dff, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 85 | 86 | const results = await new AxeBuilder({ page }).analyze(); > 87 | expect(results.violations).toEqual([]); | ^ 88 | }); 89 | 90 | // 2) The contrast color as the text color against the base color as the background color at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36

2 flaky [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › using arrow keys should move between enabled radios within group [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group 4 skipped 674 passed (4.9m)