{
"wide": [
{
"approvedRole": "audit specimen-state label",
"finding": {
"rule": "color-contrast",
"target": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(1) > .design-audit-state"
],
"html": "Default",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(2) > .design-audit-state"
],
"html": "Hover",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(3) > .design-audit-state"
],
"html": "Active",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(4) > .design-audit-state"
],
"html": "Focus",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(5) > .design-audit-state"
],
"html": "Disabled",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(1) > .design-audit-state"
],
"html": "Default",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(2) > .design-audit-state"
],
"html": "Hover",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(3) > .design-audit-state"
],
"html": "Active",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(4) > .design-audit-state"
],
"html": "Focus",
"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": [
"div[data-audit-sample=\"ghost\"] > .design-audit-control-grid > .design-audit-control-state:nth-child(5) > .design-audit-state"
],
"html": "Disabled",
"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"
}
}
]
}