diff --git a/.claude/rules/accessibility.md b/.claude/rules/accessibility.md new file mode 100644 index 000000000..8d386c757 --- /dev/null +++ b/.claude/rules/accessibility.md @@ -0,0 +1,45 @@ +--- +description: Accessibility rules for UI components +paths: + - 'src/**/*.svelte' + - 'src/lib/components/**' + - 'src/features/**/components/**' +--- + +# Accessibility + +## Tables + +Always declare header scope: + +```html +Grade +abc001 +``` + +## Color + +Never use color as the sole indicator of meaning. Grade badges and status icons must +include a visible text label or `aria-label` — screen readers and users with color +vision differences depend on it. + +## Interactive Elements + +Every `