Skip to content

Radcliffe 2: Subnav items font color contrast and active menu item color contrast #8596

Open
@dhanson-wp

Description

The font color for Radcliffe 2 theme's Modern Bauhaus style pack is not accessible and is showing inconsistent display across browsers.

When you hover over subnav menu items, the font color changes to #fff on a #fff background and is not visible to the user. This is seen in Chrome, Arc, and Firefox browsers when logged in and on Safari not logged in.

Image

In the Customizer, you can see the font's hover color #939393 as expected.

Image

Subnav menu items that are visible are a gray color value #939393 on #fff background on hover. Active menu items have the same color combination.

The behavior is inconsistent, and the root cause is unclear.

Recommendations

Change the hover color and active menu item color from #939393 to something more readable on the #fff background to significantly improve the readability.

Fix the inconsistent hover style behavior for logged in and logged out users.

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions