Skip to content

WCAG 1.4.3: Elements must have sufficient color contrast (#navbarDropdown) #1

@agund

Description

@agund

Issue

Elements must have sufficient color contrast (color-contrast)

Target application

FApp

Element path

#navbarDropdown

Snippet

<a _ngcontent-vpf-c4="" aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarDropdown" role="button"> Dropdown </a>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 3.93 (foreground color: #7c7d7d, background color: #f8f9fa, font size: 12.0pt, font weight: normal). Expected contrast ratio of 4.5:1

Environment

Microsoft Edge version 77.0.223.0
This accessibility issue was found using Accessibility Insights for Web 2.7.1 (axe-core 3.2.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

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