projectrules.ai
GitHub Repository
Back to all rules

accessibility-guidelines

AccessibilityHTMLUser ExperienceWeb DevelopmentDesign

Description

Ensures accessibility by using semantic HTML, ARIA attributes, keyboard navigation, and sufficient color contrast. This improves the user experience for people with disabilities.

Globs

**/*.{svelte,html}
---
description: Ensures accessibility by using semantic HTML, ARIA attributes, keyboard navigation, and sufficient color contrast. This improves the user experience for people with disabilities.
globs: **/*.{svelte,html}
---

- Accessibility
  - Ensure proper semantic HTML structure
  - Use ARIA attributes when necessary
  - Implement keyboard navigation for interactive elements
  - Maintain sufficient color contrast ratios