Skip to content

✨ Enhancement: Improve Navigation Bar Contrast and Hover Styling #82

@Adityakumar37

Description

@Adityakumar37

Is your feature request related to a problem? Please describe

Description:
The top navigation bar on json-schema.org has low contrast: both the background and the text are blue, making it hard to read. Additionally, the hover effect on navigation links is not noticeable — the text color doesn’t change on hover, so it’s unclear which item is interactive.

Describe the solution you'd like

Navigation text should have sufficient contrast against the background for better readability

Hovering over links should produce a noticeable visual effect (e.g., color change, underline, or subtle animation)

Impact:

Improves readability and usability, especially for new users

Enhances accessibility for users with visual impairments

Suggested Fix:

Change the text color to a higher contrast color (e.g., white or light grey)

Add a visible hover effect (color change, underline, or scale)

Consider using accessibility guidelines (WCAG) to choose colors

Describe alternatives you've considered

No response

Additional context

No response

Are you working on this?

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: TriageThis is the initial status for an issue that requires triage.✨ EnhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions