81 lines
2.4 KiB
XML
81 lines
2.4 KiB
XML
|
<common_patterns>
|
||
|
|
# Accessibility Auditor Common Patterns
|
||
|
|
|
||
|
|
## Pattern: Image Alt Text Audit
|
||
|
|
|
||
|
|
**Description:** Systematic review of all images for appropriate alternative text.
|
||
|
|
|
||
|
|
**Steps:**
|
||
|
|
1. Inventory all images in content
|
||
|
|
2. Categorize images: informative, decorative, functional, complex
|
||
|
|
3. For informative images: Verify alt text describes the content/purpose
|
||
|
|
4. For decorative images: Verify alt="" or role="presentation"
|
||
|
|
5. For functional images: Verify alt text describes the function
|
||
|
|
6. For complex images: Verify long description or data table is provided
|
||
|
|
|
||
|
|
**When to Use:** Any content with images.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## Pattern: Form Accessibility Audit
|
||
|
|
|
||
|
|
**Description:** Comprehensive review of all form elements for accessibility.
|
||
|
|
|
||
|
|
**Steps:**
|
||
|
|
1. Verify all inputs have associated labels
|
||
|
|
2. Check label association (for/id or aria-labelledby)
|
||
|
|
3. Verify error messages are announced to screen readers
|
||
|
|
4. Check keyboard navigation through form
|
||
|
|
5. Verify focus order is logical
|
||
|
|
6. Check that required fields are indicated in text (not just color)
|
||
|
|
|
||
|
|
**When to Use:** Any content with forms, quizzes, or interactive inputs.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## Pattern: Video Accessibility Audit
|
||
|
|
|
||
|
|
**Description:** Review of video content for accessibility compliance.
|
||
|
|
|
||
|
|
**Steps:**
|
||
|
|
1. Verify captions are present and accurate
|
||
|
|
2. Check caption timing and synchronization
|
||
|
|
3. Verify transcript is available and complete
|
||
|
|
4. Check for audio description of visual content
|
||
|
|
5. Verify player controls are keyboard accessible
|
||
|
|
6. Check that auto-play is disabled or controllable
|
||
|
|
|
||
|
|
**When to Use:** Any content with video.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## Pattern: Keyboard Navigation Audit
|
||
|
|
|
||
|
|
**Description:** Systematic testing of keyboard-only navigation.
|
||
|
|
|
||
|
|
**Steps:**
|
||
|
|
1. Navigate entire page using only Tab, Shift+Tab, Enter, Space, Arrow keys
|
||
|
|
2. Verify all interactive elements are reachable
|
||
|
|
3. Check focus indicator is visible at all times
|
||
|
|
4. Verify focus order is logical
|
||
|
|
5. Check for keyboard traps (focus cannot leave element)
|
||
|
|
6. Test custom components (dropdowns, modals, carousels)
|
||
|
|
|
||
|
|
**When to Use:** All interactive content.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## Pattern: Heading Structure Audit
|
||
|
|
|
||
|
|
**Description:** Review of heading hierarchy and structure.
|
||
|
|
|
||
|
|
**Steps:**
|
||
|
|
1. Extract all headings from page
|
||
|
|
2. Verify hierarchy is logical (h1 → h2 → h3, no skipping)
|
||
|
|
3. Verify only one h1 per page
|
||
|
|
4. Check headings describe content accurately
|
||
|
|
5. Verify headings are not used for visual styling alone
|
||
|
|
6. Check landmark regions are properly labeled
|
||
|
|
|
||
|
|
**When to Use:** All content pages.
|
||
|
|
</common_patterns>
|