diff --git a/openhands/usage/use-cases/accessibility.mdx b/openhands/usage/use-cases/accessibility.mdx new file mode 100644 index 00000000..7d05f8ff --- /dev/null +++ b/openhands/usage/use-cases/accessibility.mdx @@ -0,0 +1,96 @@ +--- +title: Audit Accessibility +description: Check web applications for WCAG accessibility compliance +automation: + icon: universal-access + summary: >- + Identify accessibility barriers and implement fixes for WCAG compliance. +--- + + + Check out the accessibility audit skill. + + +Web accessibility ensures your application works for everyone, including users with disabilities. WCAG compliance is often a legal requirement. OpenHands can audit your code for accessibility issues and implement fixes. + +## WCAG Coverage + +### Perceivable +- Alt text for images +- Captions for videos +- Sufficient color contrast +- Text resizing support + +### Operable +- Keyboard accessibility +- Focus indicators +- No keyboard traps +- Skip navigation + +### Understandable +- Language declaration +- Clear error messages +- Consistent navigation +- Form labels + +### Robust +- Valid HTML +- Correct ARIA usage +- Assistive technology compatibility + +## How to Use + +``` +/audit-accessibility + +Check the application for WCAG 2.1 AA compliance. +Focus on form components and navigation. +``` + +## Example Findings + +```markdown +## Accessibility Audit + +### Critical +- **Missing alt text**: 12 images without descriptions + - Fix: Add descriptive alt attributes + +### Serious +- **Low contrast**: Button text at 2.5:1 ratio + - Requires: 4.5:1 for normal text + - Fix: Change color from #888 to #595959 + +### Moderate +- **Missing form labels**: 3 inputs without labels + - Fix: Add associated