Skip to content

Bug:- Low contrast hero heading reduces readability on dark background #50

Description

@Priyanshubhartistm

Description

Problem:
The main hero heading (“Your Journey Continues Here”) has low contrast against the dark gradient background. The text blends into the background, making it difficult to read, especially for users with low vision or in low-light conditions.

Steps to Reproduce:

Open the homepage.
Look at the hero section.
Observe the visibility of the main heading text.

Image

Expected Behavior:

The hero heading should be clearly readable with sufficient contrast against the background.

Actual Behavior:

The heading text blends with the dark gradient and lacks adequate contrast.

Impact:

Poor readability and weak first impression
Accessibility issue (fails WCAG contrast guidelines)

Suggested Fix:

Increase text brightness (pure white or lighter shade)
Add a subtle dark overlay behind the text
Adjust gradient intensity under the hero text

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions