overture.bio colour audit for accessibility

kcullion commented 3 years ago

Please make the following updates for accessibility:

Global styles:

[x] Content links: underline and make #0B75A2
[x] Colourful product category badges - mega menu, homepage(https://zpl.io/2ppoKLM), documentation landing page (https://zpl.io/bPw4ovM), and individual product pages.
[x] Large teal buttons: make dark blue #04518C
[x] Except when they show up on the dark blue background...then make them magenta:see bottom of Song page: https://zpl.io/2ppoQvQ
[x] Footer: change light teal headings to blue: #04518C. The Privacy and Terms links adopt the general link style

Product landing page:

[x] Make all background sections white (even core products), make the "CORE" tag a darker blue, and change the product category titles to new darker colours: https://zpl.io/bAeG0Mp

Docs pages

[x] The "Documentation Overview" back link - use same global link colour #0B75A2, but no underline. Github buttons are the dark blue too: https://zpl.io/VDXGQzr
[x] for code highlight in the dark blue callout box, make dark blue instead of light blue (#003055)

nice to have:

samrichca commented 3 years ago

made the DMS bundle/dark blue badges white-on-blue

I'd like to do the alt tags as their own ticket though

samrichca commented 3 years ago

updating the site with these colours:

samrichca commented 3 years ago

samrichca commented 3 years ago

overture-stack / roadmap