Spaces:
Running
Running
File size: 3,298 Bytes
518343a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 | export interface Finding {
id: string;
surface: string;
category: 'contrast' | 'hit-target' | 'banned-term' | 'off-token';
severity: 'critical' | 'high' | 'medium' | 'low';
description: string;
element?: string;
currentValue?: string;
requiredValue?: string;
scriptedRecommendation: string;
}
export const findings: Finding[] = [
{
id: 'f-1',
surface: 'Sentra - Dashboard',
category: 'contrast',
severity: 'critical',
description: 'Insufficient contrast ratio for incident severity text.',
element: '<span class="text-gray-400">Low</span>',
currentValue: '3.2:1',
requiredValue: '4.5:1',
scriptedRecommendation: 'Update the text color to --color-a11oy-text-sub (#5e5e5e) to meet WCAG AA requirements.'
},
{
id: 'f-2',
surface: 'Counsel - Matter View',
category: 'banned-term',
severity: 'high',
description: 'Deprecated terminology detected in matter summary.',
element: '"...utilize the business telemetry platform..."',
currentValue: 'business telemetry platform',
requiredValue: 'execution fabric',
scriptedRecommendation: 'Replace "business telemetry platform" with "execution fabric" and "utilize" with "use".'
},
{
id: 'f-3',
surface: 'Pulse - Executive Brief',
category: 'hit-target',
severity: 'medium',
description: 'Action button touch target is too small for mobile viewport.',
element: '<button class="h-6 w-6">',
currentValue: '24x24px',
requiredValue: '44x44px',
scriptedRecommendation: 'Increase the padding on the icon button to ensure a minimum 44x44px touch target.'
},
{
id: 'f-4',
surface: 'Terra - Property Detail',
category: 'off-token',
severity: 'low',
description: 'Hardcoded hex value used instead of design token for border.',
element: 'border: 1px solid #1e2a3d',
currentValue: '#1e2a3d',
requiredValue: 'var(--color-a11oy-border)',
scriptedRecommendation: 'Replace the hardcoded hex with the --color-a11oy-border CSS variable to ensure theme consistency.'
},
{
id: 'f-5',
surface: 'Aegis - Threat Map',
category: 'contrast',
severity: 'high',
description: 'Map overlays lack sufficient contrast against dark water tiles.',
element: '.overlay-polygon',
currentValue: '1.8:1',
requiredValue: '3.0:1 (UI Components)',
scriptedRecommendation: 'Add a semi-transparent dark backing to the overlays or increase the opacity of the stroke color.'
},
{
id: 'f-6',
surface: 'Command - Overview',
category: 'banned-term',
severity: 'medium',
description: 'Casual phrasing used in system error state.',
element: '"Oops! Something went wrong."',
currentValue: 'Oops!',
requiredValue: 'N/A',
scriptedRecommendation: 'Use professional, direct phrasing: "System error encountered. Refreshing state."'
},
{
id: 'f-7',
surface: 'Vessels - Route Panel',
category: 'off-token',
severity: 'medium',
description: 'Legacy spacing utility class used instead of current token.',
element: 'gap-4 (remnant from Tailwind default)',
currentValue: '1rem',
requiredValue: 'var(--space-md)',
scriptedRecommendation: 'Update the grid gap to use the governed --space-md token for consistent rhythm.'
}
];
|