Skip to content
This repository was archived by the owner on Feb 4, 2020. It is now read-only.
This repository was archived by the owner on Feb 4, 2020. It is now read-only.

[4.0]quickicon color contrast (.j-links-link) #428

@brianteeman

Description

@brianteeman

image

Issue

Elements must have sufficient color contrast (color-contrast)

Target application

Control Panel - New Template - Administration

Element path

#plg_quickicon_extensionupdate > .quickicon-text.align-items-center.d-flex > .j-links-link

Snippet

<span class="j-links-link">Updates are available! <span class="badge badge-light">1</span></span>

How to fix

Fix any of the following:
  Element has insufficient color contrast of 4.48 (foreground color: #495057, background color: #f9acaa, font size: 10.5pt, font weight: normal). Expected contrast ratio of 4.5:1

Environment

Chrome version 76.0.3809.100
This accessibility issue was found using Accessibility Insights for Web 2.8.0 (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

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions