tryramadan-accessibility - TryRamadan Accessibility (a11y) Implementation Guide
Ensures TryRamadan app accessibility for keyboard and screen-reader users through skip links, focus visibility, aria-live, RTL support, and axe-core testing.
Tags
Updated: 2026-02-14Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Add skip links
- Ensure focus visibility
- Add aria-live for dynamic content
- Set RTL for Arabic content
- Run axe-core tests
- Use semantic HTML landmarks
- Add labels to forms
- Associate error messages
- Add aria-label to icon buttons
Inputs
- UI components
- Forms
- Dynamic content
- Arabic text
- Test files
- React components
Outputs
- Accessible UI components
- Axe test reports
- ARIA attributes
- RTL markup
- Semantic HTML
Requirements
- TryRamadan codebase
- vitest-axe (axe-core)
- React/JSX environment
- Testing framework