La interfaz está localizada; las descripciones y documentos de las Skills se traducen automáticamente con IA a su idioma. El código, los comandos, rutas y términos técnicos se mantienen en el original, y prevalece el documento del autor.
Explorar Skills
Desarrollo · SKILL.md

accessibility-testing

accessibility-testing

Plan accessibility testing — WCAG 2.1 criteria, screen reader testing, keyboard navigation, color contrast, and assistive technology coverage. TRIGGER when: user says /accessibility-testing, needs to test for accessibility, or asks about WCAG compliance testing.

Independent GitHub snapshot · Automated classification · Original documentation governs

Documentación de la Skill

GitHub

name: accessibility-testing description: > Plan accessibility testing — WCAG 2.1 criteria, screen reader testing, keyboard navigation, color contrast, and assistive technology coverage. TRIGGER when: user says /accessibility-testing, needs to test for accessibility, or asks about WCAG compliance testing. argument-hint: "[application or page to test]" user-invocable: true

Accessibility Testing Plan

Process

Step 1: Define WCAG Compliance Target

LevelCriteriaTypical Requirement
ABasic accessibilityMinimum legal compliance
AAStandard accessibilityMost common requirement
AAAEnhanced accessibilityBest practice, not usually required

Step 2: Automated Testing

ToolWhat It Catches
axe / LighthouseColor contrast, missing alt text, ARIA issues
WAVEStructural issues, reading order
Pa11yCI/CD integration, regression checking

Step 3: Manual Testing

TestMethodWCAG Criteria
Keyboard navigationTab through all interactive elements2.1.1
Focus visibilityVerify focus indicators visible2.4.7
Screen readerTest with NVDA/JAWS/VoiceOver1.3.1, 4.1.2
Color contrast4.5:1 for text, 3:1 for large text1.4.3
ZoomContent usable at 200% zoom1.4.4
MotionAnimations respect prefers-reduced-motion2.3.3
Form labelsAll inputs have associated labels1.3.1
Error identificationErrors are clearly described3.3.1

Step 4: Assistive Technology Matrix

ATOSBrowserPriority
VoiceOvermacOSSafariHigh
NVDAWindowsChrome/FirefoxHigh
JAWSWindowsChromeMedium
TalkBackAndroidChromeMedium

Step 5: Report Findings

IssueWCAGSeverityElementRecommendation
[issue][criteria]H/M/L[selector][fix]

Output Format

## Accessibility Report: [Application]
### Compliance Target: WCAG [level]
### Automated: [X issues found]
### Manual: [Findings by category]
### AT Testing: [Screen reader results]
### Recommendations: [Prioritized fixes]

Quality Checklist

  • Both automated and manual testing performed
  • Screen reader testing with at least 2 AT combinations
  • Keyboard navigation fully tested
  • Color contrast verified
  • Findings mapped to WCAG criteria

Edge Cases

  • For SPAs, test dynamic content and route changes with screen readers
  • For data visualizations, ensure alternative text descriptions
  • For video content, verify captions and audio descriptions
Skills guardadas