Improve Contrast and States for Navigation Elements #562
Description
** Problem Description **
The navigation elements (links and the "Sign In" button) in the header currently suffer from insufficient contrast against the dark background. This impacts readability and usability, especially for users with visual impairments. Additionally, the hover and focus states for these elements need to clearly indicate interaction, also adhering to accessibility standards.
** Current State: **
-
Features, Learning, Placement links are low contrast.
-
Sign In button text contrast needs verification.
-
Hover/focus states might not be distinct enough or lack sufficient contrast.
** Proposed Solution **
-
Updated CSS/Tailwind classes for Features, Learning, Placement links and the Sign In button.
-
Clearly defined and accessible hover effects for all navigation elements.