chore: release v1.1.0 - add Support Team Guide and User Guide, update all docs to v1.1.0
This commit is contained in:
81
modes/accessibility-auditor/rules/3_common_patterns.xml
Normal file
81
modes/accessibility-auditor/rules/3_common_patterns.xml
Normal file
@@ -0,0 +1,81 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user