Changelog du projet des Normes Web pour les sites de l'Université Laval
- Ajout d'un bouton permettant de revoir le choix des préférences de la bannière de consentement.
- Le bouton pour fermer la rechercher portait le libellé chercher au lieu de fermer.
- Le logo de Twitter a été remplacé par celui de X
- Toutes les mentions à Twitter ont été remplacées par X
- Le logo de Facebook a été ajusté afin de respecter les normes du logo
- L'année 2023 a été changée à 2024 dans le copyright de chacun des templates
- Un lien pour un courriel de contact a été ajouté à la fin du paragraphe
footer-address-infos accessible-links-wrapper
:
Voir sur Bitbucket | university.html | lignes 329 à 332
<p class="footer-address-infos accessible-links-wrapper">
<!-- @TODO: Replace address and google maps link with your own -->
<a class="address" href="https://www.google.com/maps/place/2325+Rue+de+l'Universit%C3%A9,+Qu%C3%A9bec,+QC+G1V+0B4,+Canada" target="_blank" rel="noopener"><span class="contact-row">2325, rue de l'Université,</span> <span class="contact-row">Québec (Québec) G1V 0A6</span></a>
<br />
<!-- @TODO: Replace phone numbers with your own -->
<span class="contact-row">Téléphone: <a class="tel" href="tel:+14186562131">418 656-2131</a></span>
<span class="contact-row">Sans frais: <a class="tel" href="tel:+18777852825">1 877 785-2825</a></span>
<br />
<!-- @TODO: Replace email with your own -->
<span>Courriel: <a class="mail" href="mailto:courriel@ulaval.ca">courriel@ulaval.ca</a></span>
</p>
- Un SCSS a été mis à jour. Remplacer l'élément suivant avec la nouvelle version :
/assets/src/scss/layout/footer.scss
- Recompiler le SCSS, avec vos paramètres dans le SCSS de configuration
_settings.scss
- La structure du bouton bascule de recherche
header-search-trigger
a changé pour la suivante :
Voir sur Bitbucket | university.html | lignes 98 à 113
<button type="button" class="header-search-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-search" aria-label="Chercher">
<span class="switch-toggle switch-toggle--close">
<!-- @TODO: Include this SVG as an inline SVG -->
<!-- ./assets/dist/svg/close.svg -->
</span>
<span class="switch-toggle switch-toggle--search">
<!-- @TODO: Include this SVG as an inline SVG -->
<!-- ./assets/dist/svg/search.svg -->
</span>
</button>
- La structure de la composante du sélecteur de langues
header-language-switcher
a changé pour la suivante :
Voir sur Bitbucket | university.html | lignes 155 à 177
<nav class="header-language-switcher">
<button type="button" class="header-language-switcher-trigger header-main-utilities-action" aria-expanded="false" aria-controls="header-language-switcher-list" aria-label="Langue actuelle : Français, Sélectionnez votre langue">
<span aria-hidden="true" aria-role="presentation">fr</span>
<!-- @TODO: Include this SVG as an inline SVG -->
<!-- ./assets/dist/svg/chevron-right-angle-down.svg -->
</button>
<ul id="header-language-switcher-list" class="header-language-switcher-list menu" role="listbox" aria-label="Sélectionnez une langue" hidden>
<li class="header-language-switcher-list-item" role="option" tabindex="-1" aria-posinset="1" aria-setsize="2" aria-selected="false">
<a href="#">
<span lang="en" aria-label="English">en</span>
</a>
</li>
<li class="header-language-switcher-list-item" role="option" tabindex="-1" aria-posinset="2" aria-setsize="2" aria-selected="false">
<a href="#">
<span lang="es" aria-label="Español">es</span>
</a>
</li>
</ul>
</nav>
- La structure du bouton de menu mobile
header-menu-trigger
a changé pour la suivante :
Voir sur Bitbucket | university.html | lignes 179 à 193
<button type="button" class="header-menu-trigger header-main-utilities-action" aria-expanded="false" aria-controls="ul-mobile-menu">
<!-- @TODO: Include this SVG as an inline SVG -->
<!-- ./assets/dist/svg/menu.svg -->
<!-- @TODO: Include this SVG as an inline SVG -->
<!-- ./assets/dist/svg/close.svg -->
<span class="screen-reader-text visually-hidden">Ouvrir le menu principal</span>
</button>
- L'input avec l'ID
search-in--website
a maintenant l'attributchecked="checked"
- La structure du bouton
header-search-button
a changé pour la suivante :
Voir sur Bitbucket | university.html | lignes 266 à 272
<button class="header-search-button" tabindex="0" type="submit" value="" aria-label="Chercher">
<!-- @TODO: Include this SVG as an inline SVG -->
<!-- ./assets/dist/svg/search.svg -->
</button>
- Dans
footer-navigation
, le texte du titrefooter-navigation-title
avec le libelléCarrière à l'UL
a changé pourCarrière
- Dans
footer-legal
, le texte du lien avec le libelléAvis de confidentialité
a changé pourConfidentialité
- Dans
footer-logo
, lelogo-ul-footer.svg
est remplacé parlogo-ul-city.svg
- La structure de la composante
header-secure-area
a changé pour la suivante :- Lorsque l'utilisateur est déconnecté
Voir sur Bitbucket | unit--with-submenu.html | lignes 106 à 112
<a href="#" class="header-main-utilities-action" aria-label="Espace sécurisé" title="Espace sécurisé"> <!-- @TODO: Include this SVG as an inline SVG --> <!-- ./assets/dist/svg/user-void.svg --> </a>
- Lorsque l'utilisateur est connecté
Voir sur Bitbucket | unit--with-submenu.html | lignes 115 à 143
<nav class="header-secure-area"> <button type="button" id="ul-secure-menu-button" aria-haspopup="true" class="header-secure-area-trigger header-main-utilities-action" aria-expanded="false" aria-controls="ul-secure-menu" aria-label="Ouvrir le menu sécurisé" title="Espace sécurisé"> <!-- @TODO: Include this SVG as an inline SVG --> <!-- ./assets/dist/svg/user-filled.svg --> <!-- @TODO: Include this SVG as an inline SVG --> <!-- ./assets/dist/svg/chevron-right-angle-down.svg --> </button> <ul id="header-secure-area-list" class="header-secure-area-list menu" role="listbox" aria-label="Faites un choix" hidden> <li class="header-secure-area-list-item" role="option" tabindex="-1" aria-posinset="1" aria-setsize="2" aria-selected="false"> <a href="#"> <span>Espace sécurisé</span> </a> </li> <li class="header-secure-area-list-item" role="option" tabindex="-1" aria-posinset="2" aria-setsize="2" aria-selected="false"> <a href="#"> <span>Déconnexion (IDUL00)</span> </a> </li> </ul> </nav>
- Lorsque l'utilisateur est déconnecté
- Le div
header-tools
est retirée en conservant son contenu
- Le div
header-tools
est retirée en conservant son contenu - La structure du bouton de menu secondaire
header-sub-nav-button
a changé pour la suivante :
Voir sur Bitbucket | unit--with-submenu.html | lignes 277 à 284
<button type="button" class="header-sub-nav-button" aria-expanded="false" aria-controls="header-sub-nav-main" aria-label="Menu de sous-navigation">
<!-- @TODO: Include this SVG as an inline SVG -->
<!-- ./assets/dist/svg/chevron-right-angle-down.svg -->
</button>
- Dans le SCSS de configuration, un paramètre a changé. Remplacer les instances de l'ancienne variable :
/assets/src/scss/abstracts/_settings.scss
:$menu-is-always-mobile
devient$always-force-mobile-menu
- Plusieurs SCSS ont été mis à jour de façon importante. Remplacer les éléments suivants avec la nouvelle version :
/assets/src/scss/layout/header.scss
/assets/src/scss/layout/_header-with-submenu.scss
/assets/src/scss/layout/footer.scss
- Les SCSS suivants ont été retirés avec leurs styles réintégrés ailleurs. Supprimer les éléments suivants :
/assets/src/scss/normes.scss
/assets/src/scss/normes/_icons.scss
/assets/src/scss/normes/_secure.scss
- Recompiler le SCSS, avec vos paramètres dans le SCSS de configuration
_settings.scss
- Le script normes.js a été mis à jour. Remplacer avec la nouvelle version :
/assets/src/js/normes.js
: Correctif d'un sélecteur pour le menu sécurisé
- Recompiler le JS
- Les icônes suivantes ont été ajoutées :
/assets/dist/svg/chevron-obtuse-angle-left.svg
/assets/dist/svg/chevron-right-angle-down.svg
/assets/dist/svg/close.svg
/assets/dist/svg/logo-ul-city.svg
/assets/dist/svg/menu.svg
/assets/dist/svg/search.svg
/assets/dist/svg/user-filled.svg
/assets/dist/svg/user-void.svg
- Plusieurs icônes ont été mises à jour. Remplacer les éléments suivants avec la nouvelle version :
assets/dist/svg/social-flickr.svg
assets/dist/svg/social-vimeo.svg
- Les icônes suivantes ont été retirées. Supprimer les éléments suivants :
/assets/dist/svg/chevron-bottom.svg
/assets/dist/svg/chevron-left.svg
/assets/dist/svg/logo-ul-footer.svg
- Ajout de 2 icônes de réseaux sociaux
- Ajout d'une
mixin
pour faciliter le contrôle desz-index
- Ajout d'effet
hover
dans l'entête - Ajout d'un séparateur dans le pied de page entre la section droits d'auteurs et la section de liens légaux
- Ajout d'un input sélectionné par défaut dans le formulaire de recherche en entête
- Remplacement du logo UL dans le pied de page
- Changement dans l'implantation des favicons
- Corrections typographiques
- Lancement de la première version des Normes Web