{ "wide": [ { "approvedRole": "audit source-path label", "finding": { "rule": "color-contrast", "target": [ "section[data-audit-item=\"code\"] > header > .design-audit-source" ], "html": "packages/editor/src/widgets/code-view.tsx", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.12 (foreground color: #78766e, background color: #f4f4f1, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(3)" ] ], "html": " spacing", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.68 (foreground color: #d5901c, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(6)" ] ], "html": " compact", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(10)" ] ], "html": " comfortable", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(12)" ] ], "html": " 12", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.01 (foreground color: #1ca1c7, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(2)" ] ], "html": "button", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.19 (foreground color: #18a46c, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(4)" ] ], "html": " padding-inline", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.14 (foreground color: #08c0ef, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(8)" ] ], "html": "--space-3", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1" } } ], "narrow": [ { "approvedRole": "audit source-path label", "finding": { "rule": "color-contrast", "target": [ "section[data-audit-item=\"code\"] > header > .design-audit-source" ], "html": "packages/editor/src/widgets/code-view.tsx", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.12 (foreground color: #78766e, background color: #f4f4f1, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(3)" ] ], "html": " spacing", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.68 (foreground color: #d5901c, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(6)" ] ], "html": " compact", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"typescript\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(10)" ] ], "html": " comfortable", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(2)" ] ], "html": "button", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.19 (foreground color: #18a46c, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(4)" ] ], "html": " padding-inline", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.14 (foreground color: #08c0ef, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } }, { "approvedRole": "original pierre-light syntax token", "finding": { "rule": "color-contrast", "target": [ [ "div[data-plan-language=\"css\"] > div[data-plan-preview=\"\"] > .plan-code-view[aria-label=\"Code preview\"][data-view=\"file\"] > diffs-container", "span:nth-child(8)" ] ], "html": "--space-3", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 3.27 (foreground color: #d47628, background color: #ffffff, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } } ] }