Git Product home page Git Product logo

blogue-canada-ca-blog's People

Contributors

arianna-merritt avatar ddubuc1 avatar delisma avatar dependabot[bot] avatar donohuech avatar jmealing avatar lauralapointe avatar lpipes4 avatar prycrane avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

gc-proto arianna-merritt jmealing drjoeycadieux nschonni ddubuc1 prycrane donohuech

blogue-canada-ca-blog's Issues

Bug: Dates on French home page are displayed in English

Describe the bug
Dates on French home page are displayed in English

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'blogue.canada.ca'
  2. Scroll down to a post
  3. See dates in English

Expected behavior
A long string date in French should display the name of month in French

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

{% assign m = page.date | date: "%-m" %}
{{ post.date | date: "%-d" }}
{% case m %}
    {% when '1' %}janvier
    {% when '2' %}février
    {% when '3' %}mars
    {% when '4' %}avril
    {% when '5' %}mai
    {% when '6' %}juin
    {% when '7' %}juillet
    {% when '8' %}août
    {% when '9' %}septembre
    {% when '10' %}octobre
    {% when '11' %}novembre
    {% when '12' %}décembre
{% endcase %}

SEO: Set canonical URLs

Describe the bug
All pages should specify a valid canonical URL to get more control over how duplicate URLs are treated by search engines. When a set of URLs on our site return duplicate or near duplicate content, search engines will select a single definitive URL for that content called the canonical URL*. This URL will be crawled more often, will take priority in search results over URLs with duplicate content and search rank boosting backlinks to the URLs with duplicate content will be viewed as linking to the canonical URL.

To Reproduce
(English)

  1. Visit Canada: Optimization - Canada.ca
    blog.canada.ca/2018/03/29/visit-canada-optimization/
    (301 ) Visit Canada: Optimization - Canada.ca
    blog.canada.ca/2018/03/29/Visit-Canada-Optimization/
    Canonical URL redirects

  2. Canada.ca is a trusted source - Canada.ca
    blog.canada.ca/2020/08/10/canadadotca-trusted-source/
    (301 ) Canada.ca is a trusted source - Canada.ca
    blog.canada.ca/2020/08/10/CanadaDotCa-trusted-source/
    Canonical URL redirects

  3. Improving Canada.ca by focusing on COVID-19 top tasks - Canada.ca
    blog.canada.ca/2020/09/24/covid-top-tasks/
    (301 ) Improving Canada.ca by focusing on COVID-19 top tasks - Canada.ca
    blog.canada.ca/2020/09/24/COVID-top-tasks/
    Canonical URL redirects

(French)

  1. Visiter le Canada : optimisation - Canada.ca
    blogue.canada.ca/2018/03/29/visiter-le-canada-optimisation/
    (301 ) Visiter le Canada : optimisation - Canada.ca
    blogue.canada.ca/2018/03/29/Visiter-le-Canada-Optimisation/
    Canonical URL redirects

  2. Canada.ca est une source fiable - Canada.ca
    blogue.canada.ca/2020/08/10/canadapointca-source-fiable/
    (301 ) Canada.ca est une source fiable - Canada.ca
    blogue.canada.ca/2020/08/10/CanadaPointCa-source-fiable/
    Canonical URL redirects

  3. Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 - Canada.ca
    blogue.canada.ca/2020/09/24/taches-principales-a-la-covid-19/
    (301 ) Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 - Canada.ca
    blogue.canada.ca/2020/09/24/taches-principales-a-la-COVID-19/
    Canonical URL redirects

Expected behavior
Note that *"self-canonicalizing" a page by setting its canonical URL to itself is both valid and useful as it can help eliminate potential duplicates such as when pages may be linked to with tracking URL parameters. To suggest the canonical URL for a page we can:

  1. add a <link rel="canonical" href="..."> tag inside the page's <head> tag (most common) or
  2. add a Link: <...>;rel="canonical" header to the page's response headers.

Google suggest giving absolute canonical URLs over relative ones. Search engines are likely to ignore our canonical URL suggestion if we:

  1. include multiple canonical URL suggestions per page or
  2. suggest a URL that is broken, redirects, isn't indexable or isn't itself canonical.

Keep in mind that for exact duplicates we should consider if it is more appropriate to use 301 redirects over canonical URLs to consolidate duplicates instead.

SEO: Use optimal length descriptions

Describe the bug
Page descriptions shouldn't be too long or too short. Long page descriptions will only be partially shown in search results and short descriptions are unlikely to be helpful to users.

To Reproduce
(English)

  1. Canada.ca blog - Canada.ca
    blog.canada.ca
    Evidence and insights from the Canada.ca team. (46 characters)
  2. Content design tips from our Travel advice and advisories and Contact the CRA optimization projects - Canada.ca
    blog.canada.ca2019/11/01/tips-travel-contact/
    In the winter of 2019, the Digital Transformation Office (DTO) worked with teams from Global Affairs Canada (GAC) and the Canada Revenue Agency (CRA) on two separate optimization projects: Travel advice and advisories and Contact the CRA. Both involved top tasks that millions of Canadians seek to complete on Canada.ca each year. (330 characters)
  3. Top 10 content design lessons the Canada.ca design team learned in 2019 - Canada.ca
    blog.canada.ca2019/12/20/top-ten-lessons/
    Top 10 content design lessons the Canada.ca design team learned in 2019. (72 characters)
  4. Optimize your content for voice search - Canada.ca
    blog.canada.ca2020/01/28/voice-search-optimization/
    What we learned about improving voice services for Canadians. (61 characters)
  5. Finding the right method to measure online task success - Canada.ca
    blog.canada.ca2020/02/05/method-to-measure/
    What we learned about exit surveys, usability testing and analytics funnels. (76 characters)
  6. A Government of Canada design system: building better online content faster - Canada.ca
    blog.canada.ca2020/03/06/new-design-system/
    Making it easier and faster to design effective content within a coherent digital experience. (93 characters)

(French)

  1. Blogue de Canada.ca - Canada.ca
    blogue.tbs.alpha.canada.ca/
    Validations et perspectives de l’équipe Canada.ca. (50 characters)
  2. L’ARC et le SCT collaborent afin d’optimiser le contenu de la page Web consacrée à la TPS/TVH et aux retenues sur la paie - Canada.ca
    blogue.canada.ca2018/08/16/collab-impots/
    Les équipes Web, de communications et de programmes de l’Agence du revenu du Canada (ARC) travaillent en étroite collaboration avec le Bureau de la transformation numérique (BTN) afin de faciliter l’accès, la compréhension et l’utilisation par les propriétaires de petites entreprises des renseignements fiscaux disponibles sur Canada.ca. (338 characters)
  3. Collaboration pour faciliter l’inscription des entreprises canadiennes - Canada.ca
    blogue.canada.ca2019/02/04/comptes-entreprises/
    L’Agence du revenu du Canada (ARC) et le Secrétariat du Conseil du Trésor du Canada (SCT) ont collaboré pour faciliter les tâches des petites entreprises sur Canada.ca. Ces tâches ont été choisies en fonction des données sur le volume d’appels qui nous ont permis de cerner certaines des raisons les plus courantes pour lesquelles les gens appellent pour obtenir de l’aide. (373 characters)
  4. Une micro-mission, ça vaut le coup - Canada.ca
    blogue.canada.ca2019/11/15/une-micro-mission/
    Avez-vous vu passer des offres de micro-missions tout en vous demandant si ça valait le coup? (93 characters)
  5. Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca - Canada.ca
    blogue.canada.ca2019/12/20/les-dix-lecons/
    Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca. (86 characters)
  6. Optimiser votre contenu pour la recherche vocale - Canada.ca
    blogue.canada.ca2020/01/28/optimisation-recherche-vocale/
    Nos apprentissages sur l’amélioration des services vocaux pour les Canadiens. (77 characters)
  7. La « fatigue d'alerte » pendant la COVID-19 - Canada.ca
    blogue.canada.ca2020/07/15/fatigue-dalerte/
    Plus vous gérez bien vos alertes, plus elles pourront faire passer votre message avec efficacité. (97 characters)
  8. Recueillir la rétroaction, trouver les problèmes - Canada.ca
    blogue.canada.ca2020/10/09/recueillir-la-retroaction/
    Obtenir régulièrement de la rétroaction des Canadiens aide les équipes dans l'ensemble du gouvernement à améliorer continuellement la prestation des services sur le site Canada.ca. En mai 2020, quelques équipes ont collaboré au lancement de l'étude pilote d'un widget pour obtenir la rétroaction des gens sur les pages Canada.ca. (329 characters)
  9. L'importance de collaborer avec les centres d'appels - Canada.ca
    blogue.canada.ca2021/03/01/collaborer-avec-centres-appels/
    Que vous dirigiez un centre d'appels interne ou que vous externalisiez la gestion de votre centre d'appel en faisant appel par le biais d'un partenaire de confiance, les agents sont la clé pour tirer parti des commentaires des clients. L'utilisation de ces données peut vous aider à améliorer votre contenu et vos services Web en tenant compte des besoins de vraies personnes. (376 characters)

Expected behavior
Recommended page descriptions are between 100 and 320 characters.

Decision needed to keep or remove content

blogue-canada-ca-blog/en/_posts/2020-08-28-recycling-existing-solutions.md

Lines 24 to 26 in 2ac377c

More recently Service Canada and Health Canada have teamed up again to provide real-time updates on possible COVID-19 exposures:
* [Locations where you may have been exposed to COVID-19](https://www.canada.ca/en/public-health/services/diseases/2019-novel-coronavirus-infection/latest-travel-health-advice/exposure-flights-cruise-ships-mass-gatherings.html)

This is a broken link.

Speed: Use long caching times

Describe the bug
Configure page resources to have long caching times so browser caches will retain them for longer. The cache duration of each resource URL can be specified by either:

  1. setting an Expires response header which specifies the point in time the response becomes stale such as Expires: Fri, 10 Aug 2019 20:00:00 GMT or
  2. adding a max-age directive to the Cache-Control response header that specifies the number of seconds the response is valid for such as Cache-Control: max-age=3600 for 1 hour.

To Reproduce

  1. satelliteLib-c2082deaf69c358c641c5eb20f94b615dd606662.js
    assets.adobedtm.com/caacec67651710193d2331efef325107c23a0145/
    satelliteLib-c2082deaf69c358c641c5eb20f94b615dd606662.js
    max-age 60
  2. sig-blk-en.svg
    wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/
    sig-blk-en.svg
    max-age 10
  3. wmms-blk.svg
    wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/
    wmms-blk.svg
    max-age 10
  4. theme.min.css
    wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/
    theme.min.css
    max-age 10
  5. theme.min.js
    wet-boew.github.io/themes-dist/GCWeb/GCWeb/js/
    theme.min.js
    max-age 10
  6. noscript.min.css
    wet-boew.github.io/wet-boew/wet-boew/css/
    noscript.min.css
    max-age 10

Expected behavior
If max-age and Expires are both used, max-age takes priority. Recommendation is to set the cache time of page resources to at least 24 hours.

Workflow: Integrate a headless CMS

Is your feature request related to a problem? Please describe.
Add a friendly user interface for content creator to increase speed, efficiency and quality of content.

Describe the solution you'd like
Something like Prose.io with some GitHub workflow integration

Describe alternatives you've considered

  • Kirby
  • NetlifyCMS
  • Publii
  • Jekyll Admin

Additional context
Add any other context or screenshots about the feature request here.

Workflow: Remove the pages folder from URL

Is your feature request related to a problem? Please describe.
Pages and research summaries' url have a segment /pages/ that is superfluous.

Describe the solution you'd like
Add an underscore to the pages folder in order to be ignored during the url build stage.

Additional context
To follow the URL model described in the Canada.ca Content and Information Architecture Specification we should avoid superfluous words such as “to”, “the”, “a”, “an”, “by”, “for” (for example, “/apply-student-loan” instead of “/how-to-apply-for-a-canadian-student-loan”.

Speed: Avoid CSS @import

Describe the bug
Avoid using @import in CSS files as this prevents parallel loading of CSS. Inside a CSS file, @import can be used to include the contents of another CSS file by specifying a URL. This can be convenient but impacts download times because browsers can only start fetching the imported URL after the CSS file containing the @import has been fetched.

To Reproduce
theme.min.css
wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/theme.min.css (2 CSS imports)

Expected behavior
To get a page to load CSS files in parallel, we should instead add a <link rel="stylesheet" href="..."> tag for each of the CSS files we need to load to the HTML code of the page.

Add analytics to site

Is your feature request related to a problem? Please describe.
No analytics are set up on the blog

Describe the solution you'd like
Add Google Tag manager to manage AA and GA or any other tracking scripts.

Security: Use XSS protection

Describe the bug
Protect against XSS attacks by enabling browser XSS safeguards. XSS attacks involve an attacker injecting code into a page that is being sent to users. Some browsers have built-in XSS protection that is enabled by adding X-XSS-Protection: 1; mode=block to the response header of each page. This setting will stop the page being rendered if the browser detects an XSS attack. Note that this should only be considered as a last resort defence against XSS attacks.

Steps to reproduce the behavior:
X-XSS-Protection headers: None

Expected behavior
Our site should be thoroughly reviewed and built with XSS safeguards in mind to prevent injection attempts from ever reaching the browser.

Workflow: Add Jekyll templates to research summaries pages

Is your feature request related to a problem? Please describe.
Pages and research summaries aren't templated. The header and footer are coded manually.

Describe the solution you'd like
Make a "page" template specifically for the pages and research summaries.

fix(2020-09-18-expand-collapse.md): Address typo in caption

Describe the bug
There is a bug or typo on the Choice blog post https://blog.canada.ca/2020/09/18/expand-collapse

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://blog.canada.ca/2020/09/18/expand-collapse'
  2. Scroll down to the second image
  3. See typo in the details/summary

Expected behavior
Missing a T at the beginning

Screenshots
image

Desktop (please complete the following information):

  • OS: All
  • Browser All
  • Version All

Smartphone (please complete the following information):

  • Device: [All
  • OS: All
  • Browser All
  • Version: All

Workflow: Design brand guidelines for the blog

Is your feature request related to a problem? Please describe.
We should amplify the content design value and impact at scale for the Canada.ca blog. The blog should tell how we cultivate a design culture at Canada.ca through DesignOps.

Describe the solution you'd like
A strategic plan to define why, how and what we're doing.

Describe alternatives you've considered
A strategic canvas could do the job too.

A comma should be inside the quote in line 14 of `2023-03-22-top-task.md`

blogue-canada-ca-blog/en/_posts/2023-03-22-top-tasks.md

Line 14 in 10591c2

<p class="mrgn-tp-lg">People come to our digital channels to accomplish a very wide range of tasks. We say they’re looking for “information” or “services”, but they don’t make these distinctions. They come to Canada.ca with a goal in mind and a task that they want to complete. If they’re able to accomplish their task, their need has been met. If not, we have work to do.</p>

Change “services”, to “services,” ...the comma should be inside the quote.

Security: Use HSTS preload

Describe the bug
Add our site to the HSTS preload list so HSTS is active for our site in browsers by default. Our HSTS policy is only active in a browser after that browser sees a response from our site with an HSTS response header. This means new visitors will be vulnerable to exploits if they initially visit our site using an insecure HTTP URL. To eliminate this attack vector, add site to the "HSTS preload list" so browsers will apply HSTS to a site by default even before a first visit. To add our site to the list, our Strict-Transport-Security header for all responses on all subdomains should have a max-age setting of at least 1 year (31,536,000 seconds) and both the includeSubDomains and preload options should be set. The header Strict-Transport-Security: max-age=31536000; includeSubDomains; preload meets these requirements. Take care to get the capitalisation right for each option such as for includeSubDomains.

To Reproduce
Preload set: None
Include subdomains: None
HSTS expiry: 31,536,000

Expected behavior
Once this is done, we can submit our site to https://hstspreload.org/ for inclusion in the HSTS preload list. Warning: As with enabling HSTS, we must be confident we won't need to disable HTTPS in the future. Removing ourself from the HSTS preload list may take some time and browsers might not keep their list up to date.

SEO: Use optimal length titles

Describe the bug
Every page should have a title that isn't too long or too short. Well-written page titles of a suitable length will help our pages stand out in search results and help search engines understand what our pages are about. Short titles are likely lacking in enough information for both users and search engines. Long titles aren't displayed in full in search results which can be unhelpful to users.

To Reproduce
(English)

  1. Old habits die hard (when feelings get in the way) - Canada.ca
    blog.tbs.alpha.canada.ca/2018/03/14/old-habits-die-hard/
    Old habits die hard (when feelings get in the way) - Canada.ca (62 characters)
  2. Collaborative work to optimize diseases and immunization content - Canada.ca
    blog.tbs.alpha.canada.ca/2018/05/10/collab-health-optimize/
    Collaborative work to optimize diseases and immunization content - Canada.ca (76 characters)
  3. Dates matter: Trust and older content on Canada.ca - Canada.ca
    blog.tbs.alpha.canada.ca/2018/05/30/trust-and-older-content/
    Dates matter: Trust and older content on Canada.ca - Canada.ca (62 characters)
  4. CRA and TBS collaborate to optimize GST/HST and Payroll webpage content - Canada.ca
    blog.tbs.alpha.canada.ca/2018/08/16/collab-gsthst-payroll/
    CRA and TBS collaborate to optimize GST/HST and Payroll webpage content - Canada.ca (83 characters)
  5. Recalls and safety alerts: An optimization project to better protect Canadians - Canada.ca
    blog.tbs.alpha.canada.ca/2018/10/18/recalls-safety-alerts/
    Recalls and safety alerts: An optimization project to better protect Canadians - Canada.ca (90 characters)
  6. Collaborating to make business registration easier for Canadian business owners - Canada.ca
    blog.tbs.alpha.canada.ca/2019/02/04/business-registration/
    Collaborating to make business registration easier for Canadian business owners - Canada.ca (91 characters)
  7. Six content design tips from our Student loans and Parental benefits optimization projects - Canada.ca
    blog.tbs.alpha.canada.ca/2019/08/26/content-design-tips/
    Six content design tips from our Student loans and Parental benefits optimization projects - Canada.ca (102 characters)
  8. Content design tips from our Travel advice and advisories and Contact the CRA optimization projects - Canada.ca
    blog.tbs.alpha.canada.ca/2019/11/01/tips-travel-contact/
    Content design tips from our Travel advice and advisories and Contact the CRA optimization projects - Canada.ca (111 characters)
  9. Top 10 content design lessons the Canada.ca design team learned in 2019 - Canada.ca
    blog.tbs.alpha.canada.ca/2019/12/20/top-ten-lessons/
    Top 10 content design lessons the Canada.ca design team learned in 2019 - Canada.ca (83 characters)
  10. Finding the right method to measure online task success - Canada.ca
    blog.tbs.alpha.canada.ca/2020/02/05/method-to-measure/
    Finding the right method to measure online task success - Canada.ca (67 characters)
  11. A Government of Canada design system: building better online content faster - Canada.ca
    blog.tbs.alpha.canada.ca/2020/03/06/new-design-system/
    A Government of Canada design system: building better online content faster - Canada.ca (87 characters)
  12. Recycling an existing solution for the COVID-19 real-time updates - Canada.ca
    blog.tbs.alpha.canada.ca/2020/08/28/recycling-existing-solutions/
    Recycling an existing solution for the COVID-19 real-time updates - Canada.ca (77 characters)
  13. Improving Canada.ca by focusing on COVID-19 top tasks - Canada.ca
    blog.tbs.alpha.canada.ca/2020/09/24/covid-top-tasks/
    Improving Canada.ca by focusing on COVID-19 top tasks - Canada.ca (65 characters)
  14. Using interactive checklists to simplify eligibility criteria - Canada.ca
    blog.tbs.alpha.canada.ca/2020/11/12/interactive-checklists/
    Using interactive checklists to simplify eligibility criteria - Canada.ca (73 characters)
  15. Maintaining and improving web content through its life cycle - Canada.ca
    blog.tbs.alpha.canada.ca/2021/03/25/maintaining-web-content/
    Maintaining and improving web content through its life cycle - Canada.ca (72 characters)
  16. Sign up to the Digital Transformation Office mailing list - Canada.ca
    blog.tbs.alpha.canada.ca/pages/signup/
    Sign up to the Digital Transformation Office mailing list - Canada.ca (69 characters)

(French)

  1. On se débarrasse difficilement des vieilles habitudes (lorsque les sentiments font obstacle) - Canada.ca
    blogue.tbs.alpha.canada.ca/2018/03/14/debarrasse-difficilement-vieilles-habitudes/
    On se débarrasse difficilement des vieilles habitudes (lorsque les sentiments font obstacle) - Canada.ca (104 characters)
  2. Canada.ca : De petits changements peuvent faire une grande différence - Canada.ca
    blogue.tbs.alpha.canada.ca/2018/04/27/petits-changements-grande-difference/
    Canada.ca : De petits changements peuvent faire une grande différence - Canada.ca (81 characters)
  3. Travail concerté pour optimiser le contenu sur les maladies et la vaccination - Canada.ca
    blogue.tbs.alpha.canada.ca/2018/05/10/concerte-sante/
    Travail concerté pour optimiser le contenu sur les maladies et la vaccination - Canada.ca (89 characters)
  4. Tout est question de dates : la confiance envers le contenu ancien sur Canada.ca - Canada.ca
    blogue.tbs.alpha.canada.ca/2018/05/30/tout-est-question-de-dates/
    Tout est question de dates : la confiance envers le contenu ancien sur Canada.ca - Canada.ca (92 characters)
  5. L’ARC et le SCT collaborent afin d’optimiser le contenu de la page Web consacrée à la TPS/TVH et aux retenues sur la paie - Canada.ca
    blogue.tbs.alpha.canada.ca/2018/08/16/collab-impots/
    L’ARC et le SCT collaborent afin d’optimiser le contenu de la page Web consacrée à la TPS/TVH et aux retenues sur la paie - Canada.ca (133 characters)
  6. Rappels et avis de sécurité : Un projet d’optimisation pour mieux protéger les Canadiens - Canada.ca
    blogue.tbs.alpha.canada.ca/2018/10/18/rappels-avis-securite/
    Rappels et avis de sécurité : Un projet d’optimisation pour mieux protéger les Canadiens - Canada.ca (100 characters)
  7. Collaboration pour faciliter l’inscription des entreprises canadiennes - Canada.ca
    blogue.tbs.alpha.canada.ca/2019/02/04/comptes-entreprises/
    Collaboration pour faciliter l’inscription des entreprises canadiennes - Canada.ca (82 characters)
  8. Au sujet de la mise à jour de la conception de Canada.ca - Canada.ca
    blogue.tbs.alpha.canada.ca/2019/03/29/mise-a-jour-conception/
    Au sujet de la mise à jour de la conception de Canada.ca - Canada.ca (68 characters)
  9. Trouver un emploi au gouvernement… ça devrait être si facile… - Canada.ca
    blogue.tbs.alpha.canada.ca/2019/05/23/trouver-emploi/
    Trouver un emploi au gouvernement… ça devrait être si facile… - Canada.ca (73 characters)
  10. Six conseils en matière de conception de contenu tirées de nos projets d’optimisation sur les prêts étudiants et les prestations parentales - Canada.ca
    blogue.tbs.alpha.canada.ca/2019/08/26/conseils-conception-contentu/
    Six conseils en matière de conception de contenu tirées de nos projets d’optimisation sur les prêts étudiants et les prestations parentales - Canada.ca (151 characters)
  11. Conseils de conception de contenu tirés de nos projets d’optimisation du contenu « Conseils aux voyageurs et avertissements » et « Communiquer avec l’ARC » - Canada.ca
    blogue.tbs.alpha.canada.ca/2019/11/01/conseils-voyageurs-contact/
    Conseils de conception de contenu tirés de nos projets d’optimisation du contenu « Conseils aux voyageurs et avertissements » et « Communiquer avec l’ARC » - Canada.ca (167 characters)
  12. Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca - Canada.ca
    blogue.tbs.alpha.canada.ca/2019/12/20/les-dix-lecons/
    Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca - Canada.ca (97 characters)
  13. Trouver la bonne méthode pour mesurer la réussite des tâches en ligne - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/02/05/methode-pour-mesurer/
    Trouver la bonne méthode pour mesurer la réussite des tâches en ligne - Canada.ca (81 characters)
  14. Un système de conception pour le gouvernement du Canada : produire plus rapidement un meilleur contenu en ligne - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/03/06/nouveau-systeme-de-conception/
    Un système de conception pour le gouvernement du Canada : produire plus rapidement un meilleur contenu en ligne - Canada.ca (123 characters)
  15. Conception axée sur l’accessibilité pendant la pandémie de la COVID-19 - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/06/05/concevoir-pour-laccessibilite/
    Conception axée sur l’accessibilité pendant la pandémie de la COVID-19 - Canada.ca (82 characters)
  16. Recycler une solution existante pour obtenir une mise à jour en temps réel sur la COVID-19 - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/08/28/recycler-solution-existante/
    Recycler une solution existante pour obtenir une mise à jour en temps réel sur la COVID-19 - Canada.ca (102 characters)
  17. Utiliser le modèle afficher/masquer pour faire des choix - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/09/18/afficher-masquer/
    Utiliser le modèle afficher/masquer pour faire des choix - Canada.ca (68 characters)
  18. Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/09/24/taches-principales-a-la-covid-19/
    Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 - Canada.ca (104 characters)
  19. Étude sur les étiquettes : quels mots fonctionnent le mieux - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/10/02/etude-sur-les-etiquettes/
    Étude sur les étiquettes : quels mots fonctionnent le mieux - Canada.ca (71 characters)
  20. Utiliser des graphiques pour combler les lacunes linguistiques - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/10/21/utiliser-des-graphiques/
    Utiliser des graphiques pour combler les lacunes linguistiques - Canada.ca (74 characters)
  21. Utilisation de listes de vérification interactives pour simplifier les critères d'admissibilité - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/11/12/listes-de-verification-interactives/
    Utilisation de listes de vérification interactives pour simplifier les critères d'admissibilité - Canada.ca (107 characters)
  22. Choisir le bon bouton pour la réussite des tâches - Canada.ca
    blogue.tbs.alpha.canada.ca/2020/12/17/choisir-des-boutons/
    Choisir le bon bouton pour la réussite des tâches - Canada.ca (61 characters)
  23. L'importance de collaborer avec les centres d'appels - Canada.ca
    blogue.tbs.alpha.canada.ca/2021/03/01/collaborer-avec-centres-appels/
    L'importance de collaborer avec les centres d'appels - Canada.ca (64 characters)
  24. Maintenir et améliorer le contenu web tout au long de son cycle de vie - Canada.ca
    blogue.tbs.alpha.canada.ca/2021/03/25/maintenir-le-contenu-web/
    Maintenir et améliorer le contenu web tout au long de son cycle de vie - Canada.ca (82 characters)
  25. Abonnez-vous à la liste d’envoi du Bureau de la transformation numérique - Canada.ca
    blogue.tbs.alpha.canada.ca/pages/inscrire/
    Abonnez-vous à la liste d’envoi du Bureau de la transformation numérique - Canada.ca (84 characters)

Expected behavior
Recommended page titles are between 10 and 60 characters

Speed: Avoid render-blocking JavaScript

Describe the bug
External JavaScript should be included on pages in a way that doesn't block page rendering. A <script src="..."> tag will block HTML rendering until the JavaScript file specified is fetched and the contents of the file has finished executing. Inline JavaScript also blocks rendering until execution is complete.

To Reproduce
satelliteLib-c2082deaf69c358c641c5eb20f94b615dd606662.js
assets.adobedtm.com/caacec67651710193d2331efef325107c23a0145/satelliteLib-c2082deaf69c358c641c5eb20f94b615dd606662.js

Expected behavior
We can stop <script> tags from blocking rendering by placing them directly before the closing </body> tag. Alternatively, for external JavaScript files we can load the script in the background using either:

  1. <script defer src="...">, which delays script execution until the DOM is ready or
  2. <script async src="...">, which will execute the script as soon as it has loaded.

Note that defer scripts execute in the order they appear on the page like inline scripts. However, async scripts execute whenever they have downloaded so their execution order can change. This difference is important when scripts have dependencies.

Security: Use content sniffing protection

Describe the bug
Turn off browser content sniffing to protect against content sniffing exploits. When processing a response, browsers sometimes ignore the MIME type in the Content-Type header and guess the type based on the contents of the response. This is called content sniffing and is done to improve the user experience when Content-Type headers are inaccurate or missing. However, this behaviour can be exploited. For example, if our site allows users to share images, an attacker might be able to upload a specially crafted image file that contains JavaScript code. A browser performing content sniffing might then be tricked into executing the malicious file.

To Reproduce
X-Content-Type-Options headers: None

Expected behavior
To reduce content sniffing attacks, set the X-Content-Type-Options response header to nosniff. This tells browsers to avoid guessing response types and to rely only on the Content-Type header.

test to see why this repo doesnt show on my dashboard

I don't see this repository as one of my top repositories on my dashboard in Github. I suspect it's bc I have yet to contribute to it. Creating this issue to test whether raising an issue counts as a contribution 😁 . Will close the issue once I see what effect it has my top repos on my dashboard.

[BUG]: Date modified not showing up on pages

Describe the bug
The page-details footer file can't pick-up the date property because it's looking for a page.dateModified property

To Reproduce
Steps to reproduce the behavior:

  1. Go to any page
  2. Scroll down to the page footer
  3. See blank date

Expected behavior
Add a date published field that will pick-up the date property and add

Screenshots
image

Workflow: Integrating GitHub and Monday

Is your feature request related to a problem? Please describe.
Can we update Monday and have GitHub automatically updated or vice-versa?

Describe the solution you'd like

  • Integromat
  • IFTTT
  • Zapier
  • Monday integrations
  • GitHub integrations

Describe alternatives you've considered

  • Manually updating both platforms

[BUG]: Change title of the blog to Canada.ca digital design blog

Describe the bug
Change title of the blog to 'Canada.ca digital design blog' in English and 'Blogue sur la conception numérique du Canada.ca'

To Reproduce
Steps to reproduce the behavior:

  1. Go to ''blog.canada.ca'
  2. Right-click, view source on any page
  3. Scroll down to 'title'
  4. See content of title tag

Security: Use clickjack protection

Describe the bug
Protect against clickjacking attacks by restricting how our pages can be embedded within iframes. Clickjacking attacks involve an attacker displaying our pages within an iframe on a site they control. For example, an attacker could overlay a UI layer over an iframe to trick visitors into triggering actions on our page as well overlaying form fields to steal data. Clickjacking has been used to exploit users into sharing links on social networks, clicking ads and stealing passwords. Protection against these attacks using the X-Frame-Options response header to restrict which hosts are allowed to embed our pages.

To Reproduce
X-Frame-Options: None

Expected behavior
The possible options are:

  1. DENY to restricts all URLs
  2. SAMEORIGIN to allow only URLs from the same origin as your page
  3. ALLOW-FROM to allow from a specific origin.

For example, X-Frame-Options: DENY will block all iframe usage. You should use a setting that's as restrictive as possible.

Title attribute on post 2019-11-01-conseils-voyageurs-contact.md spilling on content

Describe the bug
Part of the title attribute can be seen on the content page

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://blogue.canada.ca/2019/11/01/conseils-voyageurs-contact'
  2. See error

Expected behavior
Nothing should be there, like the English page

Screenshots
If applicable, add screenshots to help explain your problem.
image

Desktop (please complete the following information):

  • OS: any OS
  • Browser: any browser

Bug: Image sizes over 600px on some post for desktop view

Describe the bug
Some images are too wide compare to the 63-65 characters wide text surrounding them.

To Reproduce
Steps to reproduce the behavior:

  1. Go to:
  1. Scroll down to any images
  2. See error

Expected behavior
Would expect images sized to the text-width of surrounding text on desktop.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: any OS
  • Browser: any major browser
  • Version: any last 2 version (evergreen)

Feature request: Signup form from the post layout

Is your feature request related to a problem? Please describe.
I was thinking the newsletter subscription - should be mentioned on every blog post and put something about it on the main design system page

Describe the solution you'd like
The main solution should be an email input field directly at the bottom of the blog post

Describe alternatives you've considered
If the email input field is not possible than a link to the sig-up page should do

SEO: Use optimal length H1 headings

Describe the bug
Each page should have an H1 heading that isn't excessively long to make it easier for users and search engines to understand the topic of the page. Google specifically recommends avoiding overly long headings so readers can scan your content more easily. Excessively long headings can also be an indication that paragraph text has been unhelpfully tagged as a heading.

To Reproduce
(English)

  1. CRA and TBS collaborate to optimize GST/HST and Payroll webpage content - Canada.ca
    blog.canada.ca/2018/08/16/collab-gsthst-payroll/
    CRA and TBS collaborate to optimize GST/HST and Payroll webpage content (71 characters)
  2. Recalls and safety alerts: An optimization project to better protect Canadians - Canada.ca
    blog.canada.ca/2018/10/18/recalls-safety-alerts/
    Recalls and safety alerts: An optimization project to better protect Canadians (78 characters)
  3. Collaborating to make business registration easier for Canadian business owners - Canada.ca
    blog.canada.ca/2019/02/04/business-registration/
    Collaborating to make business registration easier for Canadian business owners (79 characters)
  4. Six content design tips from our Student loans and Parental benefits optimization projects - Canada.ca
    blog.canada.ca/2019/08/26/content-design-tips/
    Six content design tips from our Student loans and Parental benefits optimization projects (90 characters)
  5. Content design tips from our Travel advice and advisories and Contact the CRA optimization projects - Canada.ca
    blog.canada.ca/2019/11/01/tips-travel-contact/
    Content design tips from our Travel advice and advisories and Contact the CRA optimization projects (99 characters)
  6. Top 10 content design lessons the Canada.ca design team learned in 2019 - Canada.ca
    blog.canada.ca/2019/12/20/top-ten-lessons/
    Top 10 content design lessons the Canada.ca design team learned in 2019 (71 characters)
  7. A Government of Canada design system: building better online content faster - Canada.ca
    blog.canada.ca/2020/03/06/new-design-system/
    A Government of Canada design system: building better online content faster (75 characters)

(French)

  1. Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca - Canada.ca
    blogue.canada.ca/2019/12/20/les-dix-lecons/
    Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca (85 characters)
  2. Un système de conception pour le gouvernement du Canada : produire plus rapidement un meilleur contenu en ligne - Canada.ca
    blogue.canada.ca/2020/03/06/nouveau-systeme-de-conception/
    Un système de conception pour le gouvernement du Canada : produire plus rapidement un meilleur contenu en ligne (111 characters)
  3. Recycler une solution existante pour obtenir une mise à jour en temps réel sur la COVID-19 - Canada.ca
    blogue.canada.ca/2020/08/28/recycler-solution-existante/
    Recycler une solution existante pour obtenir une mise à jour en temps réel sur la COVID-19 (90 characters)
  4. Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 - Canada.ca
    blogue.canada.ca/2020/09/24/taches-principales-a-la-covid-19/
    Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 (92 characters)
  5. On se débarrasse difficilement des vieilles habitudes (lorsque les sentiments font obstacle) - Canada.ca
    blogue.canada.ca/2018/03/14/debarrasse-difficilement-vieilles-habitudes/
    On se débarrasse difficilement des vieilles habitudes (lorsque les sentiments font obstacle) (92 characters)
  6. Travail concerté pour optimiser le contenu sur les maladies et la vaccination - Canada.ca
    blogue.canada.ca/2018/05/10/concerte-sante/
    Travail concerté pour optimiser le contenu sur les maladies et la vaccination (77 characters)
  7. Tout est question de dates : la confiance envers le contenu ancien sur Canada.ca - Canada.ca
    blogue.canada.ca/2018/05/30/tout-est-question-de-dates/
    Tout est question de dates : la confiance envers le contenu ancien sur Canada.ca (80 characters)
  8. L’ARC et le SCT collaborent afin d’optimiser le contenu de la page Web consacrée à la TPS/TVH et aux retenues sur la paie - Canada.ca
    blogue.canada.ca/2018/08/16/collab-impots/
    L’ARC et le SCT collaborent afin d’optimiser le contenu de la page Web consacrée à la TPS/TVH et aux retenues sur la paie (121 characters)
  9. Rappels et avis de sécurité : Un projet d’optimisation pour mieux protéger les Canadiens - Canada.ca
    blogue.canada.ca/2018/10/18/rappels-avis-securite/
    Rappels et avis de sécurité : Un projet d’optimisation pour mieux protéger les Canadiens (88 characters)
  10. Six conseils en matière de conception de contenu tirées de nos projets d’optimisation sur les prêts étudiants et les prestations parentales - Canada.ca
    blogue.canada.ca/2019/08/26/conseils-conception-contentu/
    Six conseils en matière de conception de contenu tirées de nos projets d’optimisation sur les prêts étudiants et les prestations parentales (139 characters)
  11. Conseils de conception de contenu tirés de nos projets d’optimisation du contenu « Conseils aux voyageurs et avertissements » et « Communiquer avec l’ARC » - Canada.ca
    blogue.canada.ca/2019/11/01/conseils-voyageurs-contact/
    Conseils de conception de contenu tirés de nos projets d’optimisation du contenu « Conseils aux voyageurs et avertissements » et « Communiquer avec l’ARC » (155 characters)
  12. Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca - Canada.ca
    blogue.canada.ca/2019/12/20/les-dix-lecons/
    Les dix leçons tirées en 2019 par l’équipe de conception du contenu du site Canada.ca (85 characters)
  13. Un système de conception pour le gouvernement du Canada : produire plus rapidement un meilleur contenu en ligne - Canada.ca
    blogue.canada.ca/2020/03/06/nouveau-systeme-de-conception/
    Un système de conception pour le gouvernement du Canada : produire plus rapidement un meilleur contenu en ligne (111 characters)
  14. Recycler une solution existante pour obtenir une mise à jour en temps réel sur la COVID-19 - Canada.ca
    blogue.canada.ca/2020/08/28/recycler-solution-existante/
    Recycler une solution existante pour obtenir une mise à jour en temps réel sur la COVID-19 (90 characters)
  15. Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 - Canada.ca
    blogue.canada.ca/2020/09/24/taches-principales-a-la-covid-19/
    Améliorer le site Canada.ca en se concentrant sur les principales tâches liées à la COVID-19 (92 characters)
  16. Utilisation de listes de vérification interactives pour simplifier les critères d'admissibilité - Canada.ca
    blogue.canada.ca/2020/11/12/listes-de-verification-interactives/
    Utilisation de listes de vérification interactives pour simplifier les critères d'admissibilité (95 characters)
  17. Abonnez-vous à la liste d’envoi du Bureau de la transformation numérique - Canada.ca
    blogue.canada.ca/pages/inscrire/

Expected behavior
Recommended H1 headings should be no longer than 60-70 characters.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.