Skip to content

Color contrast issues #31

@AleksandrHovhannisyan

Description

@AleksandrHovhannisyan

Wonderful project! I'm hoping to include some of these embeds on my site, but I noticed a few additional color contrast issues:

  1. The white on orange has a contrast ratio of 3.93:

image

  1. The two global stats have contrast ratios of 2.19 and 1.73, respectively:

image

image

Related to that second issue is the fact that the global stats use the same colors as the tiles in the inaccessible color mode, so when the accessible color mode is enabled, there's a mismatch between the tile colors and the stat colors.

Some proposed colors that might work well:

#c34e03 for the orange footer (4.76):

image

Black for the global stats (this would also require labeling the two percentages to clarify what they correspond to).

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