WCA Standards : Issue #937 Successor

[barchakuz]

WCA Standards : Enhancing Export Page Responsiveness and Struture

Summary

In issue i have enhanced import form to make it more responsive and optimized code , minimizing CDN dependency to eliminate page structural dysfunction in case of network packets lost. In this pull request, I made several changes to improve the responsiveness and organization of the webpage:

• Created a separate CSS file for the import form to organize the styling better.
• Removed unused CDN CSS to improve webpage speed and performance.
• Enhanced the appearance of the form to make it more appealing.
• Centralized CSS for potential future improvements and easier maintenance.
• Implemented responsive design principles to ensure the page adapts well to different screen sizes.
• Noted that the form now complies with Human-Computer Interaction (HCI) and Web Content Accessibility (WCA) standards for improved accessibility and usability.

Motivation

This is done to make website design more consistent and elimination of dependencies on CDNs, optimizing code.

Testing

manual testing done for both browser and mobile screen

screenshot

https://github.com/camicroscope/caMicroscope/assets/66128370/6ea53548-8f31-4ae9-a969-b736c72bed82