2c9cb547e7
💡 What: Added ARIA roles to form status messages and hid decorative icons. 🎯 Why: Screen readers were missing dynamic success/error messages on form submission. ♿ Accessibility: - Added `role="alert"` and `aria-live="polite"` to success, error, and rate-limit messages. - Added `aria-hidden="true"` to decorative icons in the contact info section. Co-authored-by: ragusa-it <196988693+ragusa-it@users.noreply.github.com>
4 lines
415 B
Markdown
4 lines
415 B
Markdown
## 2025-02-18 - Missing Alerts for Dynamic Status
|
|
**Learning:** The application uses `framer-motion` for dynamic feedback messages but consistently lacks `role="alert"` and `aria-live` attributes, causing screen readers to miss critical status updates.
|
|
**Action:** When auditing forms, check all `motion.div/p` elements used for feedback and add `role="alert"` and `aria-live="polite"` (or "assertive" for errors).
|