Skip to content

Review color scheme for consistency and accessibility #43

Closed
@jscaffrey

Description

@jscaffrey
Contributor

Check for color contrast. Leverage color theory / consistency.

Activity

self-assigned this
on Nov 23, 2020
jscaffrey

jscaffrey commented on Nov 23, 2020

@jscaffrey
ContributorAuthor

Updated Palette:

  • Replaces Dark Jungle Green with Xiketic (#070413) for better cohesion with hero image (design)
  • Lightens Shocking Crayola Pink (#F971F0) for better color contrast (accessibility)
  • Adds Honey Yellow from 2019 conference website. For greater choice with button colors. Is present in hero image

Updated Palette

View at Coolors.co

Accessibility

  • Oxford Blue (#061A40) or Xiketic (#041F1E) can be used as a background.
  • “Cultured” white (#F5F5F5) can be used as a foreground with Oxford Blue (#061A40) or Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.).
  • Turquoise (#00D5C0) can be used as a foreground with Oxford Blue (#061A40) or Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.) (Results with Xiketic; Results with Oxford Blue)
  • Shocking Crayola Pink (#F971F0) can be used as a foreground with Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.) (Results with Xiketic; Results with Oxford Blue)
  • Honey Yellow (#FDB827) can be used as a foreground with Xiketic (#070413) background with sufficient contrast to WCAG 2.0 AAA for regular font, larger font, and visual components (icons, etc.) (Results with Xiketic; Results with Oxford Blue)
  • For any other combination (e.g. “Cultured” white (#F5F5F5) on Turquoise (#00D5C0) , Shocking Crayola Pink (#F971F0) on Oxford Blue (#061A40), do a test.)
  • Feel free to use shades or tints of colors to achieve accessible results.

Commits forthcoming. Expecting to finish before tomorrow AM.

jscaffrey

jscaffrey commented on Nov 24, 2020

@jscaffrey
ContributorAuthor

Branch issue-43 ready for review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Development

    Participants

    @jscaffrey

    Issue actions

      Review color scheme for consistency and accessibility · Issue #43 · code4lib/2021.code4lib.org