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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions