style: format all files with prettier

This commit is contained in:
Seth Hobson
2026-01-19 17:07:03 -05:00
parent 8d37048deb
commit 56848874a2
355 changed files with 15215 additions and 10241 deletions

View File

@@ -113,17 +113,20 @@ For each file, check against WCAG criteria:
#### Perceivable (WCAG 1.x)
**1.1 Text Alternatives:**
- [ ] Images have `alt` attributes
- [ ] Decorative images use `alt=""` or `role="presentation"`
- [ ] Complex images have extended descriptions
- [ ] Icon buttons have accessible names
**1.2 Time-based Media:**
- [ ] Videos have captions
- [ ] Audio has transcripts
- [ ] Media players are keyboard accessible
**1.3 Adaptable:**
- [ ] Semantic HTML structure (headings, lists, landmarks)
- [ ] Proper heading hierarchy (h1 > h2 > h3)
- [ ] Form inputs have associated labels
@@ -131,6 +134,7 @@ For each file, check against WCAG criteria:
- [ ] Reading order is logical
**1.4 Distinguishable:**
- [ ] Color contrast meets requirements (4.5:1 normal, 3:1 large)
- [ ] Color is not sole means of conveying information
- [ ] Text can be resized to 200%
@@ -140,21 +144,25 @@ For each file, check against WCAG criteria:
#### Operable (WCAG 2.x)
**2.1 Keyboard Accessible:**
- [ ] All interactive elements are keyboard accessible
- [ ] No keyboard traps
- [ ] Focus order is logical
- [ ] Custom widgets follow ARIA patterns
**2.2 Enough Time:**
- [ ] Time limits can be extended/disabled
- [ ] Auto-updating content can be paused
- [ ] No content times out unexpectedly
**2.3 Seizures:**
- [ ] No content flashes more than 3 times/second
- [ ] Animations can be disabled (prefers-reduced-motion)
**2.4 Navigable:**
- [ ] Skip links present
- [ ] Page has descriptive title
- [ ] Focus visible on all elements
@@ -162,6 +170,7 @@ For each file, check against WCAG criteria:
- [ ] Multiple ways to find pages
**2.5 Input Modalities:**
- [ ] Touch targets are at least 44x44px (AAA: 44px, AA: 24px)
- [ ] Functionality not dependent on motion
- [ ] Dragging has alternative
@@ -169,17 +178,20 @@ For each file, check against WCAG criteria:
#### Understandable (WCAG 3.x)
**3.1 Readable:**
- [ ] Language is specified (`lang` attribute)
- [ ] Unusual words are defined
- [ ] Abbreviations are expanded
**3.2 Predictable:**
- [ ] Focus doesn't trigger unexpected changes
- [ ] Input doesn't trigger unexpected changes
- [ ] Navigation is consistent
- [ ] Components behave consistently
**3.3 Input Assistance:**
- [ ] Error messages are descriptive
- [ ] Labels or instructions provided
- [ ] Error suggestions provided
@@ -188,6 +200,7 @@ For each file, check against WCAG criteria:
#### Robust (WCAG 4.x)
**4.1 Compatible:**
- [ ] HTML validates (no duplicate IDs)
- [ ] Custom components have proper ARIA
- [ ] Status messages announced to screen readers
@@ -253,7 +266,7 @@ Check ARIA usage:
Generate audit report in `.ui-design/audits/{audit_id}.md`:
```markdown
````markdown
# Accessibility Audit Report
**Audit ID:** {audit_id}
@@ -267,7 +280,7 @@ Generate audit report in `.ui-design/audits/{audit_id}.md`:
**Compliance Status:** {Passing | Needs Improvement | Failing}
| Severity | Count | % of Issues |
|----------|-------|-------------|
| -------- | ----- | ----------- |
| Critical | {n} | {%} |
| Serious | {n} | {%} |
| Moderate | {n} | {%} |
@@ -298,6 +311,7 @@ These issues prevent users with disabilities from using the interface.
{Step-by-step fix instructions}
**Code Fix:**
```{language}
// Before
{current_code}
@@ -305,8 +319,10 @@ These issues prevent users with disabilities from using the interface.
// After
{fixed_code}
```
````
**Testing:**
- Manual: {how to manually verify}
- Automated: {suggested test}
@@ -336,11 +352,11 @@ These are best practice improvements.
The following WCAG criteria passed:
| Criterion | Name | Level |
|-----------|------|-------|
| 1.1.1 | Non-text Content | A |
| 1.3.1 | Info and Relationships | A |
| ... | ... | ... |
| Criterion | Name | Level |
| --------- | ---------------------- | ----- |
| 1.1.1 | Non-text Content | A |
| 1.3.1 | Info and Relationships | A |
| ... | ... | ... |
## Recommendations
@@ -366,11 +382,11 @@ Add these tests to catch regressions:
```javascript
// Example jest-axe test
import { axe, toHaveNoViolations } from 'jest-axe';
import { axe, toHaveNoViolations } from "jest-axe";
expect.extend(toHaveNoViolations);
test('component has no accessibility violations', async () => {
test("component has no accessibility violations", async () => {
const { container } = render(<Component />);
const results = await axe(container);
expect(results).toHaveNoViolations();
@@ -397,7 +413,8 @@ test('component has no accessibility violations', async () => {
_Generated by UI Design Accessibility Audit_
_WCAG Reference: https://www.w3.org/WAI/WCAG21/quickref/_
```
````
## Completion
@@ -415,7 +432,7 @@ Update `audit_state.json`:
"minor": 3
}
}
```
````
Display summary: