Skip to content

Insufficient color contrast accessibility errors inside the navigation bar #58

Description

@DemeSzabolcs

The theme has color contrast accessibility errors.
This is just one of them, but there should be more inside the navigation bar:

1: Elements must have sufficient color contrast
Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Help: Elements must have sufficient color contrast
Help URL: https://dequeuniversity.com/rules/axe/4.2/color-contrast?application=axeAPI
Impact: serious
Tags: cat.color, wcag2aa, wcag143
Element(s):
Html:
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>

Selector(s):
.nav-link

To solve:
Fix at least one of the following issues:

SERIOUS: Element has insufficient color contrast of 1.72 (foreground color: #2424db, background color: #212529, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions