Accessabilitiies issued, speed and responsiveness enhacement | Issue fixed #859 and #858

[barchakuz]

Summary

In this pull request, I have addressed and improved upon the following issues:

• Fixed issue #860: This proposal aims to improve the speed and responsiveness of the caMicroscope platform by implementing caching mechanisms and addressing performance issues identified through a Lighthouse Chrome tool test. The proposed improvements include avoiding certain CDNs, eliminating render-blocking resources, resizing images, minifying JavaScript, and removing unused CSS.
• Resolved issue #859: The caMicroscope interface lacks consistency and completeness when accessed with screen reader extensions, impacting users with visual impairments. Investigation reveals coding deficiencies hindering adherence to global standards and search engine guidelines. This impedes accurate definition and description of interface elements, posing challenges for users to comprehend functionalities.
• Solve issue [#858] : There are instances where images are used within links without appropriate alternative text. This results in empty links, which can be confusing and inaccessible for users relying on screen readers or those with visual impairments.

Motivation

The motivation behind this pull request is to enhance the accessibility and performance of the caMicroscope website. By adhering to WCAG 2.1 standards and optimizing performance, we aim to make the system more accessible and reliable for a vast majority of users. These improvements align with our commitment to inclusivity and user satisfaction.

Testing

• Tested the website for compliance with WCAG 2.1 standards to ensure accessibility for users, including those with visual impairments
• Conducted performance tests from both SEO and general performance perspectives to optimize search engine visibility and improve user experience.
  ##Testing Tools
• Screen Reader extension of chrome.
• WAVE Web Accessibility Evaluation Tools.
• LightHouse Chrome.

##Screenshot
Before: Landing Page

After: Landing Page

_Before _

After

Before

After

Questions