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>
415 B
415 B
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).