Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Question about colour and palettes #8941

Comments

@swapnalithakarpspc
Copy link

Hi
I am working on a project for PSPC and have the following questions:

  1. WET guidelines talk about using different colours for buttons to communicate state.
    Does that mean that this is the colour palette we "HAVE" to use?
  2. I understand the colour contrast requirements for WCAG - could I use my own colour palette that abides by these guidelines?
  3. I understand that different button colours can be used to inform the user of the "state" of the button. But do I have to follow the exact same colours as mentioned in the WET guidelines?

i.e. if my base colour is #503879, (purple) could I use this purple as my "Primary" button. Note that this colour with white text passes AAA.

image

@GormFrank
Copy link
Contributor

GormFrank commented Sep 23, 2020

@swapnalithakarpspc Can you share a link? Do you know if you are using GCWeb or simply WET-BOEW?

@delisma If this is using GCWeb, can you please reply?

Thanks!

@swapnalithakarpspc
Copy link
Author

swapnalithakarpspc commented Oct 2, 2020

Hi @GormFrank
I am using simply WET-BOEW.

@GormFrank
Copy link
Contributor

Ok so to answer your questions:

1. WET guidelines talk about using different colours for buttons to communicate state. Does that mean that this is the colour palette we "HAVE" to use?

  • If you are planning on using the basic theme from WET-BOEW then you should be using the same colours (which mostly come from Bootstrap 3). However, nothing prevents you from creating your own "theme", just like GWeb is the theme that gives the look and feel of Canada.ca.

2. I understand the colour contrast requirements for WCAG - could I use my own colour palette that abides by these guidelines?

  • If you know about the colour contrast criteria from WCAG and apply it, then you could create your own colour palette yes.

3. I understand that different button colours can be used to inform the user of the "state" of the button. But do I have to follow the exact same colours as mentioned in the WET guidelines?

  • When there are WET guidelines, it means that it has been tested and reviewed by experts. If you are moving away from what WET-BOEW suggests/offers, then just make sure that you know what you are doing. Also, if your project is from the GoC you should really consider using GCWeb (but you don't necessarily have to).

@ghost
Copy link

ghost commented Oct 2, 2020

Also just too add my own two cents creating your theme is quite easy. You can see an example of wet-boew (non-goc) modified on my site here kodz.ca/projects/wet-boew

All the CSS: kodz.ca/projects/wet-boew/static/css/theme.color.css and kodz.ca/projects/wet-boew/css/theme.helpers.css

@swapnalithakarpspc
Copy link
Author

Thanks a lot for your help. I will keep your advice in mind for sure.

@maxmedh maxmedh mentioned this issue Feb 16, 2021
4 tasks
@AmDji AmDji mentioned this issue Feb 16, 2021
@dcooper-ux dcooper-ux mentioned this issue Feb 17, 2021
4 tasks
@hccindyh hccindyh mentioned this issue Feb 17, 2021
4 tasks
@s4siddiqui s4siddiqui mentioned this issue Feb 17, 2021
4 tasks
@maxmedh maxmedh mentioned this issue Feb 17, 2021
4 tasks
This was referenced Feb 17, 2021
@jeresiv jeresiv mentioned this issue Mar 31, 2021
4 tasks
This was referenced Nov 23, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment