@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
84 lines (83 loc) • 2.4 kB
TypeScript
/**
* Layer 3: Visual & Accessibility Validation
* 视觉与可访问性验证 - Storybook渲染、Chromatic回归、WCAG合规、跨浏览器兼容
*/
import { ValidationLayer, LayerValidationResult } from '../validation-pipeline';
export declare const ACCESSIBILITY_STANDARDS: {
wcag: {
level: string;
version: string;
colorContrast: {
normalText: number;
largeText: number;
uiComponents: number;
};
minTouchTarget: number;
minFontSize: number;
};
ariaRequirements: {
interactive: string[];
landmarks: string[];
required: string[];
};
keyboardNavigation: {
tabIndex: number[];
focusIndicator: boolean;
escapeKey: boolean;
};
};
export declare const VISUAL_TEST_CONFIG: {
browsers: string[];
viewports: {
mobile: {
width: number;
height: number;
};
tablet: {
width: number;
height: number;
};
desktop: {
width: number;
height: number;
};
desktopLarge: {
width: number;
height: number;
};
};
themes: string[];
modes: string[];
states: string[];
chromatic: {
threshold: number;
antiAliasing: boolean;
animations: string;
};
};
export declare class Layer3VisualAccessibilityValidator implements ValidationLayer {
layerNumber: 3;
name: string;
description: string;
maxExecutionTime: number;
validate(input: any, context?: any): Promise<LayerValidationResult>;
private validateStorybookRendering;
private simulateStorybookRender;
private generateRenderScenarios;
private validateWCAGCompliance;
private validateWCAGColorContrast;
private validateMinFontSize;
private validateTouchTargetSize;
private validateARIAAttributes;
private validateAdvancedColorContrast;
private validateThemeContrast;
private validateKeyboardNavigation;
private validateScreenReaderCompatibility;
private validateResponsiveDesign;
private checkResponsiveCompatibility;
private validateVisualRegression;
private simulateVisualRegression;
private calculateLayerScore;
private sleep;
}
export declare const layer3Validator: Layer3VisualAccessibilityValidator;