UNPKG

aios-core

Version:

Synkra AIOS: AI-Orchestrated System for Full Stack Development - Core Framework

github.com/SynkraAI/aios-core

SynkraAI/aios-core

81 lines (60 loc) • 1.96 kB
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
# Accessibility WCAG AA Checklist **Purpose:** Ensure WCAG AA compliance for design system components **Agent:** Atlas (Design System Builder) **Standard:** WCAG 2.2 Level AA (minimum) + APCA guidance --- ## PERCEIVABLE ### Color & Contrast - [ ] Text contrast ≥4.5:1 (normal text) - [ ] Text contrast ≥3:1 (large text 18px+) - [ ] UI controls contrast ≥3:1 - [ ] No color-only indicators (use icons + text) - [ ] APCA contrast meets target for typography weight/size - [ ] Dark mode parity validated (same success criteria) ### Alternative Text - [ ] Images have alt text - [ ] Decorative images use alt="" - [ ] Icon buttons have aria-label --- ## OPERABLE ### Keyboard - [ ] All interactive elements keyboard accessible - [ ] Tab order logical - [ ] Focus indicators visible (outline, ring, etc) - [ ] No keyboard traps ### Navigation - [ ] Skip links provided (if needed) - [ ] Landmarks used (nav, main, aside) - [ ] Headings hierarchical (h1 → h2 → h3) --- ## UNDERSTANDABLE ### Labels - [ ] Form inputs have labels - [ ] Labels associated with inputs (htmlFor/id) - [ ] Required fields indicated - [ ] Error messages clear and helpful ### States - [ ] Disabled state indicated visually + aria-disabled - [ ] Loading states announced - [ ] Success/error states clear - [ ] Live regions used when status updates asynchronously --- ## ROBUST ### ARIA - [ ] Valid ARIA attributes only - [ ] ARIA roles used correctly - [ ] aria-label / aria-labelledby present - [ ] aria-expanded for collapsible content - [ ] aria-live for dynamic content ### HTML - [ ] Valid semantic HTML - [ ] No deprecated elements - [ ] Proper nesting --- **Testing Tools:** - axe DevTools (browser extension) / jest-axe - WAVE (web accessibility evaluation tool) - Keyboard-only navigation (Tab/Shift+Tab/Space/Enter/Escape) - Screen reader (NVDA, JAWS, VoiceOver) - APCA contrast calculator / Inclusive Colors **Result:** [ ] WCAG AA ✓ [ ] Issues Found