Accessible Form UI

🔗 Live Demo: 👉 View the live project here

🎯 Project Goal

To build an accessible and user-friendly form that adheres to web accessibility standards, ensuring it can be used by everyone, including users with disabilities.

✨ Features

• Proper Labeling — Every input is associated with a <label> using for attributes.
• Visible Focus State — Clear focus indicators for keyboard users.
• Error Messaging — Space reserved for helpful error messages per input.
• ARIA Attributes — Uses aria-* attributes like aria-required, aria-invalid, aria-pressed for screen reader support.
• High Color Contrast — Ensures readability for users with visual impairments.
• Accessible Interactions — Show/hide password button is accessible by keyboard and screen readers.

💻 Technologies Used

• HTML5
• CSS3

🔗 Additional Resources

• 📄 Project Page on Roadmap.sh
  https://roadmap.sh/projects/accessible-form-ui

🙌 Acknowledgments

• Built as part of the roadmap.sh learning projects.