{
"wide": [
{
"approvedRole": "audit source-path label",
"finding": {
"rule": "color-contrast",
"target": [
"section[data-audit-item=\"chat\"] > header > .design-audit-source"
],
"html": "apps/web/src/chat/chat.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": "tool count",
"finding": {
"rule": "color-contrast",
"target": [
".min-h-7 > .tabular-nums:nth-child(2)"
],
"html": "2 tools",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.43 (foreground color: #78766e, background color: #fcfcfb, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "tool elapsed time",
"finding": {
"rule": "color-contrast",
"target": [
".tabular-nums:nth-child(3)"
],
"html": "600ms",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.43 (foreground color: #78766e, background color: #fcfcfb, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "queued author",
"finding": {
"rule": "color-contrast",
"target": [
".opacity-60 > .items-baseline.gap-1\\.5.text-sm > .break-all.font-semibold.min-w-0"
],
"html": "Maggieappleton",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.21 (foreground color: #adaca6, background color: #fcfcfb, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "queued status",
"finding": {
"rule": "color-contrast",
"target": [
".text-text-quaternary.tabular-nums.text-sm"
],
"html": "queued",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.21 (foreground color: #adaca6, background color: #fcfcfb, font size: 10.5pt (14.0351px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "queued message",
"finding": {
"rule": "color-contrast",
"target": [
"div[data-chat-message-id=\"audit-queued\"] > .items-start.gap-1.flex > .flex-1.min-w-0[data-chat-message-text=\"true\"] > .chat-markdown.break-words.text-chat-body > p"
],
"html": "
Also check the compact layout.
", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.64 (foreground color: #9e9d98, background color: #fcfcfb, 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=\"chat\"] > header > .design-audit-source" ], "html": "apps/web/src/chat/chat.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": "tool count",
"finding": {
"rule": "color-contrast",
"target": [
".min-h-7 > .tabular-nums:nth-child(2)"
],
"html": "2 tools",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.43 (foreground color: #78766e, background color: #fcfcfb, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "tool elapsed time",
"finding": {
"rule": "color-contrast",
"target": [
".tabular-nums:nth-child(3)"
],
"html": "600ms",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 4.43 (foreground color: #78766e, background color: #fcfcfb, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "queued author",
"finding": {
"rule": "color-contrast",
"target": [
".opacity-60 > .items-baseline.gap-1\\.5.text-sm > .break-all.font-semibold.min-w-0"
],
"html": "Maggieappleton",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.21 (foreground color: #adaca6, background color: #fcfcfb, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "queued status",
"finding": {
"rule": "color-contrast",
"target": [
".text-text-quaternary.tabular-nums.text-sm"
],
"html": "queued",
"evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.21 (foreground color: #adaca6, background color: #fcfcfb, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1"
}
},
{
"approvedRole": "queued message",
"finding": {
"rule": "color-contrast",
"target": [
"div[data-chat-message-id=\"audit-queued\"] > .items-start.gap-1.flex > .flex-1.min-w-0[data-chat-message-text=\"true\"] > .chat-markdown.break-words.text-chat-body > p"
],
"html": "Also check the compact layout.
", "evidence": "Fix any of the following:\n Element has insufficient color contrast of 2.64 (foreground color: #9e9d98, background color: #fcfcfb, font size: 10.1pt (13.4107px), font weight: normal). Expected contrast ratio of 4.5:1" } } ] }