accessibility.mdc 461 B

123456789101112
  1. ---
  2. description: Accessibility rules for components, styles, and templates.
  3. globs: ["**/*.tsx", "**/templates/**", "**/*.scss"]
  4. alwaysApply: false
  5. ---
  6. # A11y Essentials
  7. - Use semantic elements; controls must have accessible names.
  8. - Dialogs: trap focus, restore on close, label/describe properly.
  9. - Announce async states (loading, error, empty); no color-only meanings.
  10. - Use ARIA when elements might not fully describe a complex widget's purpose or behavior