Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • A a11yproject.com
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 40
    • Issues 40
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 10
    • Merge requests 10
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • The A11Y Project
  • a11yproject.com
  • Issues
  • #1208
Closed
Open
Issue created Mar 12, 2021 by Administrator@rootContributor

Inaccessibility: Low contrast .c-card__additional in Featured Resource Card

Created by: kelsS

Please review our Contributing guidelines: https://a11yproject.com/contributing-guidelines/

Summary

When you right-click on the featured resource card link the text for the .c-card__additional paragraph changes to white over the green background of the card and has very low contrast.

Brief description of the issue. Please identify specific steps.

  1. Navigate to https://www.a11yproject.com/resources/
  2. Hover over the main link in the featured resource card
  3. Right-click on the main link in the featured resource card

Expected result

Expect that the text color for .c-card__additional does not change to white.

Actual result

The text turns to white and is then not readable.

color-contrast-issue-a11yproject

Additional Information

To help us try and reproduce the issue, please provide the following information:

  1. What device were you using? (laptop, phone, tablet, etc.) Macbook Pro 16 inch
  1. Operating System version. macOS Big Sur 11.2.3
  1. Browser(s) and version(s). Firefox Developer Edition, latest version.
  1. Assistive technology used (if applicable)

Additional Information

Note anything else you think would be important to know that didn't fall into an above category.

Assignee
Assign to
Time tracking