search

aditya-bhaumik / Pathsphere

PathSphere is a comprehensive platform designed to connect students with scholarship opportunities and educators with job openings. It features dynamic search tools and community discussions to enhance access to educational and career resources.
https://pathsphere.netlify.app/
MIT License
64 stars 105 forks source link

Enhancement Request: Improve HTML Structure and Form Validation #188

Open chikatlarakesh opened 3 days ago

chikatlarakesh commented 3 days ago

GSSoC Contributor

Description:

I would like to propose enhancements to our contact form page to improve its overall structure, usability, and accessibility. Here are the key changes I suggest:

  1. Semantic HTML: Implement semantic elements (<header>, <nav>, <main>, <footer>) for better organization and accessibility.
  2. CSS Improvements: Centralize styles in a dedicated styles.css file and use CSS variables for color management to enhance maintainability.
  3. Form Validation Enhancements: Improve the validation script to provide more user-friendly error messages and ensure better accessibility with aria-live attributes.
  4. Consistent Styling: Ensure uniform styling for all form elements and buttons for a cohesive user experience.
  5. Error Message Visibility: Implement dynamic error message visibility for better user feedback.

These changes aim to improve user experience and accessibility on our contact page. I have made the changes for the HTML code and would like to contribute if you assign this issue to me. Thank you

Apoorva57 commented 14 hours ago

@chikatlarakesh sure go ahead

Note: the level of the issue may change based on the quality of the PR code