Enhancement of Accessibility Features for Users with Visual Impairments

[maehr]

Describe what feature you'd like. Pseudo-code, mockups, or screenshots of similar solutions are encouraged!

We'd like to propose several enhancements to improve the accessibility of the CollectionBuilder-csv template, particularly for users with visual impairments. Addressing these issues will make the site more inclusive and user-friendly. Here is a concise list of the current concerns:

1. Banner Transparency: The transparency of the banner on the landing page may not provide sufficient contrast for users with visual impairments, potentially making navigation and content discernment challenging.

2. Non-Clickable Image Sources: Ensuring that sources for images in the banner (hero images) on the landing page are not clickable is beneficial, as these are decorative elements and should not confuse users by suggesting additional information.

3. Link Redundancy: The phrase "Collection as Data (click to download)" on the landing page is redundant. The action 'click to download' is implied by the link itself and could be simplified to "Collection as Data" for clarity.

4. Search Interface Consistency: On the browse page, there is are two search fields present, which could lead to confusion.

5. Footer Logo and 'Back to Top' Button Overlap: There is a potential overlap between the logo in the footer and the 'Back to Top' button, which can be problematic for users navigating the site.

We believe that addressing these issues will greatly benefit users with visual impairments and enhance the overall accessibility of the site.

What type of pull request would this be?

Enhancement

Any links to similar examples or other references we should review?

No response