Skip to content

Elements must have sufficient color contrast #89

@meduzen

Description

@meduzen

From latest Playwright action, in:

  • 10 links matching a .site__link__inner (various contrasts);
  • .caniuse .site__description (contrast: 3.17)
  • .cssdb .site__description (contrast: 4.24)
  • .caniemail .site__description (contrast: 3.01)
  • footer links with the accent class (contrast: 3.5)

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
Expected contrast ratio of 4.5:1

Level: WCAG 2 AA (1.4.3), serious (Axe color-contrast).

  • Instead of strict compliance, consider testing color contrast using APCA. For now, no automation is available for this (thou it could be built), and nothing is planned at Deque.
  • For the 10 links matching a > .site__link__inner, these are the labels of full-clickable cards becoming more readable on hover or focus. Research how good/bad it is.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions