Creating a Dedicated HTML Page with Embedded Google Form for User Feedback

[barchakuz]

Summary

I have created a separate HTML page with a complete header and footer for users to address accessibility issues caused by a feedback button leading to a separate tab of a Google Form. The Google Form is embedded into the HTML page, allowing users to provide feedback without navigating away from the main website.

Motivation

The motivation behind this pull request is to improve the user experience by eliminating the need for users to navigate to a separate tab and submit feedback, which caused accessibility issues. By embedding the Google Form into a separate HTML page with a complete header and footer, users can easily navigate back to the main website without closing tabs.

Testing

I have tested the changes by embedding the Google Form into the HTML page and ensuring that users can access it without issues. I have also verified that the header and footer allow users to navigate to any page they want within the main website.

Screenshots

https://github.com/camicroscope/caMicroscope/assets/66128370/b4d36e18-5281-45a4-9665-989cc96951f2

##Benefits

• Enhances Accessibility: Users no longer need to switch between tabs, improving accessibility for all users, particularly those with accessibility needs.
• Improved SEO: Keeping users engaged on the website improves SEO by reducing bounce rates and increasing time spent on site.
• Quick Access to Website Features: The standardized header allows quick access to all pages of the website, enhancing user experience and navigation efficiency.
• Standardized Structure: By providing a consistent header and footer across all pages, the website maintains a standardized structure, improving usability and familiarity for users.