v5.1 - Notes de version
Version 5.1
- Date de lancement :
- Compiler avec: WET-BOEW v4.0.31
Quoi de neuf?
- Gabarit
- Mineur - Gabarit de recherche - Nouveau gabarit pour les pages ayant des résultats de recherche.
- Mineur - Élément de navigation - Un élément
<nav>
a été ajouté au lien « sauter la navigation », tel que montré ici. - Mineur - Font Awesome - Une référence à la police Awesome 5.8.1 a été ajoutée dans la balise
<head>
(voir le code). - Mineur - Amélioration en matière de RDFa + schema.org au mot-symbole Canada - Le balisage RDFa a été modifié (ajout d’une nouvelle propriété) pour améliorer l’optimisation pour les moteurs de recherche et la façon dont les moteurs de recherche interprètent certaines informations comprises dans notre gabarit (plus de renseignements).
- Correctif - Balisage RDFa pour l’élément principal - Résolution du problème avec le balisage RDFa sur l’élément principal en ajoutant l’attribut
typeof="WebPageElement"
à l’élément<main>
element, tel que montré ici.
- Styles et plugiciels
- Mineur - Variante CSS personnalisée - Nouveau concept qui permet l’intégration de feuilles CSS pour la variante de mise en œuvre de GCWeb en inscrivant des styles dans les nouveaux fichiers SASS qui sont compris dans la version aux fins de collecte (plus de renseignements).
- Mineur - Couleur de fond - Établissement d’un fond foncé sur un élément (p. ex. boîte grise) avec la classe
.bg-dark
ou d’un fond entièrement noir avec la classe.bg-darker
. - Mineur - Couleur de texte - établissement du texte en blanc avec la classe CSS appelée
text-white
. Cette couleur est conjointement applicable aux fonds foncés. - Mineur - Texte caviardé - Changement des caractères de texte caviardé à un bloc complet lorsqu’on utilise
.redacted
. - Mineur - Boîte grise - Fournir une boîte grise adaptable qui prend toute la largeur de sa page parent en y ajoutant la classe
.header-rwd
. - Mineur - Gestionnaire des URL et géocarte - Ajout de la possibilité de remplir préalablement les configurations de la géocarte auprès de la gestion par l’action, telle que montrée ici.
- Correctif - Image de fond du pied de page - Le drapeau canadien a été ajouté au haut du parlement sur l’image du paysage.
- Correctif - Carrousel - Le dépassement du soulignement du lien a été enlevé sur le carrousel.
- Correctif - Lecteur multimédia - Le dépassement de la marge supérieure a été enlevé du lecteur multimédia.
- Correctif - Menu - Correction du menu de navigation sur de différents navigateurs lorsqu’on utilise le lecteur d’écran en réalisant des essais d’opérabilité rigoureux avec JAWS et NVDA.
- Expérimental (NOUVEAU)
- Espaceurs Bootstrap 4 - Ajout des classes CSS pour le remplissage et l’espacement des marges, p. ex.
.p-0
pour aucun remplissage et.mb-sm-5
pour la marge inférieure très large pour les petits appareils et plus. - Taille de l’image de fond - Ajout de la classe CSS pour une image de fond afin de couvrir la taille des cases avec
.bg-cover
. - URL de l’image de fond - Nouveau plugiciel permettant d’établir une image de fond à partir d’un attribut de données appelé
data-bgimg
. Il a été introduit aux spécifications, mais il n’est pas compatible avec des navigateurs. - Couleurs de thème - Capacité de modifier les couleurs de thème de rose à une couleur foncée.
- Espaceurs Bootstrap 4 - Ajout des classes CSS pour le remplissage et l’espacement des marges, p. ex.
- Entretien
- Script de compilation - Ajout de l’exception HTMLlint pour interdire l’attribut d’intégrité dans les étiquettes des liens jusqu’à ce qu’il soit adopté par les spécifications HTML.
- Installation de GCWeb à partir d’un autre répertoire - Inclure un élément package.lock dans le répertoire « themes-cdn_GCWeb » afin d’être capable d’y se référer en tant que dépendance dans un projet node.js.
WET-BOEW v4.0.31 (voir les notes de version) Clarifiées le : 2019-09-16
- Gabarit
- Liens de contournement
- Superposition des styles et des plugiciels
- Contenu superposé
- Gadget de partage
- Géocarte
- Coeur
- Tableaux
- Lecteur multimédia
- Flux
- Basculer
- Entretien
- Script de compilation
Fichiers modifiés pour implémentation
- Image de pied de page : GCWeb/assets/landscape.png
- JavaScript primaire :
- GCWeb/js/theme.js
- GCWeb/js/theme.min.js
- CSS primaire :
- GCWeb/css/theme.css
- GCWeb/css/theme.min.css
- Image pour les logos de réseaux sociaux (gadget de partage) : wet-boew/assets/sprites_share.png Clarifié le : 2019-09-16
- Dépendance de la Géocarte :
- wet-boew/js/geomap-lib.js
- wet-boew/js/geomap-lib.min.js
- i18n, Langue zh-Hans :
- wet-boew/js/i18n/zh-Hans.js
- wet-boew/js/i18n/zh-Hans.min.js
Fureteurs supportés
Tel que défini par la Décision de conception 2 : Fureteur supporté (en anglais)
- Chrome 75
- Chrome 74
- Safari 12.1.1
- Firefox 67.0.3
- Firefox 66.0.5
- Firefox ESR - 60.7.1
- IE 11
- Edge 44
Détails
Nombre de contributions : 119
- Pierre Dubois (@duboisp) : 19 contributions
- Patrick Lajeunesse (@patlaj) : 5 contributions
- Thang Le (@thangle2013) : 4 contributions
- Eric Dunsworth (@EricDunsworth) : 3 contributions
- Francis Gorman (@GormFrank) : 2 contributions
- Xiayitan (@xiayitan) : 2 contributions
- Ilya Pak (@ipaksc) : 1 contribution
- Shawn Thompson (@shawnthompson) : 1 contribution
- Jun Sola (@junsola) : 1 contribution
- Miguel Borges-Porteous (@Borges-Porteous) : 1 contribution
- Stephane Ducharme (@StdGit) : 1 contribution
- David Pepin (@quidampepin) : 1 contribution
Liste des contributions
- Update build version to v5.1.0-development - Pierre Dubois, 2019-02-11
- Broken link fix and added SRI hash - Pierre Dubois, 2019-02-11
- Broken link fix - Pierre Dubois, 2019-02-12
- add nav element to skip navigation closes #1500 related wet-boew/wet-boew#8570 - Shawn Thompson, 2019-02-13
- Menu fix when navigating with a screen reader - Pierre Dubois, 2019-02-20
- v5.0.x release notes page content update - ipaksc, 2019-02-21
- Report - Menu - Test result with screen reader - Pierre Dubois, 2019-02-22
- v5.0.1 Release notes - Pierre Dubois, 2019-02-23
- Search template - Documentation and working example - Borges-Porteous co-authored by Pierre Dubois, 2019-03-01
- Add FontAwesome to page heads - Patrick Lajeunesse, 2019-03-18
- Added details about Font Awesome - Patrick Lajeunesse, 2019-03-18
- Tag close and position of link line from @EricDunsworth - EricDunsworth co-authored by Patrick Lajeunesse, 2019-03-22
- Action mng - Add geomap filtering - Pierre Dubois, 2019-03-22
- Build script - add HTMLlint exception for integrity attribute in link element - Pierre Dubois, 2019-03-22
- Move before theme.css, use 5.8.1 of fontawesome - Patrick Lajeunesse, 2019-03-24
- Redacted text - Changed the recommended redacted character - Pierre Dubois, 2019-03-26
- Carousel: Removed link underline overrides. - Eric Dunsworth, 2019-04-02
- Carousel: Removed media player top's margin. - Eric Dunsworth, 2019-04-04
- Correct hash for vers 5.8.1 - Patrick Lajeunesse, 2019-04-09
- Content - Add reference for GCWeb menu CDN link - Pierre Dubois, 2019-04-12
- update-megamenu-20190411 - Thang Le, 2019-04-12
- Fixing links to specs - quidampepin, 2019-04-16
- megamenu-changes-v5 - Thang Le, 2019-04-18
- Add color - Background dark and text white - xiayitan, 2019-05-10
- Well header responsive + Experimental features - Pierre Dubois, 2019-05-10
- WET-BOEW dependance - Bump to v4.0.31-development+2019-05-08 build - Pierre Dubois, 2019-05-13
- Add experimental margin bottom xl small device and up - xiayitan, 2019-05-14
- Experimental - rename .px-sm for .px-sm-3 and improved the .mb-sm-5 working example - Pierre Dubois, 2019-05-14
- Allow to install from themes-cdn_GCWeb - Stephane Ducharme, 2019-05-15
- Menu - Prevent menu closing for touch screen and basic instruction menu (#1539) - Pierre Dubois co-authored by Francis Gorman, 2019-05-16
- Experimental - Add pink day and dark color theme - Pierre Dubois, 2019-05-17
- Build for GCWeb variant - Allow the integration of custom CSS with GCWeb - Pierre Dubois, 2019-05-22
- WET-BOEW dependance - Bump to 2019-05-22 build - Francis Gorman, 2019-05-23
- Template - Replace landscape image in footer - Pierre Dubois, 2019-05-27
- Structure Data - Set publisher to Government of Canada - Pierre Dubois, 2019-05-29
- update - French-mega-menu - Thang Le, 2019-05-31
- Experimental: Add a background to a heading. - junsola, 2019-06-04
- Default image path fix - Francis Gorman, 2019-06-05
- Pre-release notes: Updates to the developer build notes - gormanfrank, 2019-06-06
- update-megamenu-BSD-9189 - Thang Le, 2019-06-07
- Experimental features: Add link to Design decision on documentation page - GormFrank, 2019-06-10
Intégrité des sous-ressource (SRI)
Le SRI (en anglais) est une méthode qui permet de protéger le transfère des resources d'un site web. Ci-dessous vous avez les condensés numériques pour les ressource clef de la BOEW et de GCWeb.
v5.1
GCWeb/js/theme.min.js
- sha256-OiyJQtupiMx0gDQGSlt55mOp82hu4XsItRN3fQV2BxY= sha512-6N1hTW9Wcl8pDykcln31N2ACd41L8VCiav+pz70ws4QgfmeMux5MRzEq0lQEeKJtJlo2MgQnSDFOefERH9i2eg==
Obtenez tous les condensés numériques (en format JSON) :
Plus de détails et exemples
Relatifs au gabarit
Élément de navigation
Maintenant
<nav>
<ul id="wb-tphp">
[...]
</ul>
</nav>
Était
<ul id="wb-tphp">
[...]
</ul>
Font awesome
Le code suivant doit être inséré en haut ou sous l’appel au lien de la feuille de style :
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
Amélioration en matière de RDFa + schema.org au mot-symbole Canada
- Établissement de la propriété « Éditeur » de la « page Web » pour qu’elle soit un « Organisme du gouvernement »
- Définition des propriétés suivantes pour l’organisme du gouvernement :
url
- lien à la page d’accueil
logo
- logo de l’image supérieure à gauche
name
- gouvernement du Canada
areaServed
- fixée en fonction du pays, « Canada »
logo
- lien représentant le logo inférieur à droite
Remarque : le balisage suivant a été limité à la portée RDFa 1.1 lite et c’est la raison pour laquelle un lien, le même du logo inférieur, a été ajouté.
Anglais
Maintenant
<div class="brand col-xs-5 col-md-4" property="publisher" typeof="GovernmentOrganization">
<a href="https://www.canada.ca/en.html" property="url"><img src="./../GCWeb/assets/sig-blk-en.svg" alt="" property="logo" /><span class="wb-inv" property="name"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span></a>
<meta property="areaServed" typeOf="Country" content="Canada" />
<link property="logo" href="./../GCWeb/assets/wmms-blk.svg" />
</div>
Était
<div class="brand col-xs-5 col-md-4">
<a href="https://www.canada.ca/en.html"><img src="./../GCWeb/assets/sig-blk-en.svg" alt="" /><span class="wb-inv"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span></a>
</div>
Français
Maintenant
<div class="brand col-xs-5 col-md-4" property="publisher" typeof="GovernmentOrganization">
<a href="https://www.canada.ca/fr.html" property="url"><img src="./../GCWeb/assets/sig-blk-fr.svg" alt="" property="logo" /><span class="wb-inv" property="name"> Gouvernement du Canada / <span lang="en">Government of Canada</span></span></a>
<meta property="areaServed" typeOf="Country" content="Canada" />
<link property="logo" href="./../GCWeb/assets/wmms-blk.svg" />
</div>
Était
<div class="brand col-xs-5 col-md-4">
<a href="https://www.canada.ca/fr.html"><img src="./../GCWeb/assets/sig-blk-fr.svg" alt="" /><span class="wb-inv"> Gouvernement du Canada / <span lang="en">Government of Canada</span></span></a>
</div>
Balisage RDFa pour l’élément principal
Maintenant
<main property="mainContentOfPage" typeof="WebPageElement" class="container">
<h1 property="name" id="wb-cont">[...]</h1>
</main>
Était
<main property="mainContentOfPage" class="container">
<h1 property="name" id="wb-cont">[...]</h1>
</main>
Relatifs aux styles et aux plugiciels
Variante CSS personnalisée
Si vous vouliez utiliser votre propre variante GCWeb pour faciliter la mise en œuvre, donc renommez le dossier suivant afin de faire qu’il soit capté par le script de compilation :
Après
"src/variant"
Avant
"src/variant-default"
Remarque : « variant-default.scss » est le fichier SASS à modifier pour des styles personnalisés, mais d’autres dans le dossier sont également disponibles pour de diverses clôtures.
Gestionnaire par l’action et géocarte
En tant qu’exemple, les paramètres ?aoi=qc&layout=pt
suivants feraient zoom sur Québec et activeraient la couche Points après le lancement du gestionnaire d’URL. Consultez les documents sur la mise en correspondance des URL pour plus de renseignements.
Détails de la page
- Date de modification :