search

wet-boew / wet-boew

Web Experience Toolkit (WET): Open source code library for building innovative websites that are accessible, usable, interoperable, mobile-friendly and multilingual. This collaborative open source project is led by the Government of Canada.
https://wet-boew.github.io/wet-boew/index-en.html
Other
1.61k stars 660 forks source link

New to WET4 - How flexible is it as far as design/CSS? #8486

Open DanBeaudinCCG opened 6 years ago

DanBeaudinCCG commented 6 years ago

I am wondering if there is a lot of flexibility for customization?

Can design elements change? (background images, link colors, buttons design, header size, footer size, page background, etc.)

That being said, we would still follow web accessibility and usability standards and guidelines.

Thanks!

ghost commented 6 years ago

Some provincial governments have change things up, but it a lot of work.

I really like the look of PEI's site: https://www.princeedwardisland.ca/en

As for the core government they have mostly stuck with the themes.

DanBeaudinCCG commented 6 years ago

Oh indeed this is a very nice example of customization, i like it!

Any reason the core government is sticking to the original design you would know of?

ghost commented 6 years ago

Has a lot to do with consistent design. It to make the user experience easier on each site and page, since it would have a similar look and functions.

My self the look of the GCWeb Theme is not that bad looking. It very simple.

You can see the GCWeb Theme on www.canada.ca.

DanBeaudinCCG commented 6 years ago

Do you have other examples of provincial governments or any other uses of this basic template, but adapted to their needs and design?

duboisp commented 6 years ago

@DanBeaudinCCG it depends what you are looking for. Is it for a Government of Canada institution? What rule you need to comply to?

You can always fork the project, customize the build or/and modify it to fit your need.

DanBeaudinCCG commented 6 years ago

@DanBeaudinCCG it depends what you are looking for. Is it for a Government of Canada institution? What rule you need to comply to?

You can always fork the project, customize the build or/and modify it to fit your need.

Yes it is a GOC Department Intranet.

As mentioned on the Treasury Board of Canada web site, we have to comply to Standards on Web Accessibility (https://www.tbs-sct.gc.ca/pol/doc-eng.aspx?id=23601) with conformance requirements found on thw W3C site (https://www.w3.org/TR/WCAG20/#conformance-reqs).

We also need to apply the Standards on Web Usability (https://www.tbs-sct.gc.ca/pol/doc-eng.aspx?id=24227).

That being said, the Intranet Template provided has certain colours, styles and backgrounds define in the CSS. (http://wet-boew.github.io/themes-dist/theme-gc-intranet/content-subsite-en.html#) Apart from following the guidelines above, do we have to keep the exact same format for buttons, titles, colours, images, etc. ? Will all Government of Canada Intranets be the same colour, same look and size?

I would like to change the look of my left navigation for example, adding Icons and colours, change my header design to better represent my Governement Organization, etc.

"You can always fork the project, customize the build or/and modify it to fit your need." - meaning we DO have a flexibility to modify the template as long as we follow the TBS-SCT standards?

ghost commented 6 years ago

Right now the intranet theme has been abandoned. See https://github.com/wet-boew/wet-boew/issues/8366#issuecomment-422862989 by @LaurentGoderre for more information on this discussion.

duboisp commented 6 years ago

Yes it is a GOC Department Intranet.

The Standards on Web Accessibility applies to all Web pages that are "Public Facing" (i.e., available to individuals and businesses outside of the Government of Canada). See the section 2.2 of the Standard. Idem for the usability standards, it's the same section (2.2) too.

So for intranet web site dedicated to Government of Canada employee, meeting the Standard on Web Accessibility and Standards on Web Usability can be seen as best practice but not necessary as a requirement.

That being said, colours, styles and backgrounds defined in the CSS for the intranet theme template can be seen as suggestive. You might be interested by some work completed by TBS called "Aurora design system". It contains information about what combinaison of colours to use, etc. Note: that design system was originally designed for digital product used within the Government of Canada.

Note the last release of the intranet template was on Dec 17, 2017 built with the WET version 4.0.27

DanBeaudinCCG commented 6 years ago

Thanks very much for all your help!! :)