diff --git a/docs/accessibility.md b/docs/accessibility.md new file mode 100644 index 0000000..cfeec22 --- /dev/null +++ b/docs/accessibility.md @@ -0,0 +1,20 @@ +# Accessibility & User Experience + +## Accessibility Features + +- All forms and buttons have proper labels and aria attributes. +- Error messages and spinners use aria-live and roles for screen reader support. +- Keyboard navigation is fully supported throughout the app. +- Color contrast meets accessibility standards. + +## User Experience Highlights + +- Loading spinner and overlay during grading for instant feedback. +- Confirmation dialogs for deleting history to prevent accidents. +- Friendly, actionable error messages for all failure scenarios. +- Mobile-friendly and responsive layout. + +## Things that could be included in an accessibility demo + +- Tab through the UI to show keyboard accessibility. +- Use a screen reader to announce errors and loading states.