Description
In the Layer5 docs site, the right sidebar navigation text is not readable when a sidebar item is hovered. The hover background is very light, while the text color also appears too light, resulting in poor contrast.
Observed behavior
When hovering a right sidebar item, the text blends into the hover background and becomes difficult to read. In the provided screenshot, the hovered item Example: Creating “Meshery Contributors Certification” is nearly unreadable.
Expected behavior
Hovered right sidebar text should maintain sufficient contrast against the hover background and remain readable.
Screenshot
A screenshot was provided showing the right sidebar hover state where the text is nearly white on a pale mint background.
Suggested fix
Update the sidebar hover styles so the hovered item uses a darker text color or a darker hover background that meets accessibility contrast requirements.
Description
In the Layer5 docs site, the right sidebar navigation text is not readable when a sidebar item is hovered. The hover background is very light, while the text color also appears too light, resulting in poor contrast.
Observed behavior
When hovering a right sidebar item, the text blends into the hover background and becomes difficult to read. In the provided screenshot, the hovered item
Example: Creating “Meshery Contributors Certification”is nearly unreadable.Expected behavior
Hovered right sidebar text should maintain sufficient contrast against the hover background and remain readable.
Screenshot
A screenshot was provided showing the right sidebar hover state where the text is nearly white on a pale mint background.
Suggested fix
Update the sidebar hover styles so the hovered item uses a darker text color or a darker hover background that meets accessibility contrast requirements.