{ "wide": [ { "approvedRole": "audit specimen-state label", "finding": { "rule": "color-contrast", "target": [ ".design-audit-button-sizes > .design-audit-control-state:nth-child(1) > .design-audit-state" ], "html": "Medium · 32px high · 12px sides", "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": "audit specimen-state label", "finding": { "rule": "color-contrast", "target": [ ".design-audit-button-sizes > .design-audit-control-state:nth-child(2) > .design-audit-state" ], "html": "Small · 24px high · 8px sides", "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": "audit specimen-state label", "finding": { "rule": "color-contrast", "target": [ ".design-audit-button-sizes > .design-audit-control-state:nth-child(3) > .design-audit-state" ], "html": "Busy", "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" } } ], "narrow": [ { "approvedRole": "audit specimen-state label", "finding": { "rule": "color-contrast", "target": [ ".design-audit-button-sizes > .design-audit-control-state:nth-child(1) > .design-audit-state" ], "html": "Medium · 32px high · 12px sides", "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": "audit specimen-state label", "finding": { "rule": "color-contrast", "target": [ ".design-audit-button-sizes > .design-audit-control-state:nth-child(2) > .design-audit-state" ], "html": "Small · 24px high · 8px sides", "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": "audit specimen-state label", "finding": { "rule": "color-contrast", "target": [ ".design-audit-button-sizes > .design-audit-control-state:nth-child(3) > .design-audit-state" ], "html": "Busy", "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" } } ] }