Open ntno opened 1 year ago
I wrote a script that reviews the existing palettes to determine alignment with WCAG guidelines, based on identified foreground and background colors.
In general, most palette foreground colors that contain fg, foreground, or primary pass the WCAG tests with the default palette backgrounds. There are some exceptions. Other color types vary in terms of WCAG alignment.
backgrounds | primary-color (62c4ff) | secondary-color (a3abba) | tertiary-color (a3abba) | font-color (e8e9ed) | error-color (ff3c74) |
---|---|---|---|---|---|
background-color (222225) | :white_check_mark: | :ballot_box_with_check: | :ballot_box_with_check: | :white_check_mark: | :ballot_box_with_check: |
progress-bar-background (3f3f44) | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: | :white_check_mark: | :ballot_box_with_check: |
code-bg-color (3f3f44) | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: | :white_check_mark: | :ballot_box_with_check: |
backgrounds | font-color (190910) | secondary-color (715864) | tertiary-color (715864) | error-color (bb0047) | primary-color (f90d7a) |
---|---|---|---|---|---|
progress-bar-background (d4d4d4) | :white_check_mark: | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: | <:x: |
code-bg-color (f7f7f7) | :white_check_mark: | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: |
background-color (ffffff) | :white_check_mark: | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: |
backgrounds | primary-color (62c4ff) | secondary-color (a3abba) | tertiary-color (a3abba) | font-color (e8e9ed) | error-color (ff3c74) |
---|---|---|---|---|---|
background-color (222225) | :white_check_mark: | :ballot_box_with_check: | :ballot_box_with_check: | :white_check_mark: | :ballot_box_with_check: |
progress-bar-background (3f3f44) | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: | :white_check_mark: | :ballot_box_with_check: |
code-bg-color (3f3f44) | :ballot_box_with_check: | :ballot_box_with_check: | :ballot_box_with_check: | :white_check_mark: | :ballot_box_with_check: |
check existing palettes to see which conform to WCAG contrast guidelines
tasks: