fix expanded-nav background - brown light to beige

assets/css/src/events-grid.css

@@ -23,6 +23,9 @@
   margin-bottom: calc(var(--space-m) / 2);
 }
 
+.event-card__infos {
+  position: relative;
+}
 .event-card__infos > div a {
   max-width: 85%;
 }
@@ -30,6 +33,10 @@
 .event-card__infos .ticket {
   z-index: 5;
   margin-top: 0.3rem;
+  padding: 0.5rem;
+  position: absolute;
+  right: -0.5rem;
+  top: -0.5rem;
 }
 
 .event-card__infos > div {
@@ -39,6 +46,7 @@
   column-gap: 2vw;
 }
 .event-card__infos > div:first-child {
+  align-items: start;
   margin-bottom: calc(var(--space-m) / 2);
 }
 

assets/css/src/generic.css

@@ -1,5 +1,9 @@
 .sr-only {
-  display: none;
+  height: 1px;
+  width: 1px;
+  position: absolute;
+  overflow: hidden;
+  top: -10px;
 }
 
 @keyframes loading {

assets/css/src/nav.css

@@ -43,7 +43,7 @@
   box-sizing: border-box;
   top: -50rem;
   z-index: 11;
-  background-color: var(--color-brown-light);
+  background-color: var(--color-beige);
   display: grid;
   grid-template-columns: 2fr 8fr 1fr;
   padding: 3rem var(--space-m) 3rem 1rem;

site/snippets/callout.php

@@ -1,5 +1,5 @@
 <section class="callout" style="--color: <?= $site->calloutColor() ?>;">
-  <h4><?= $site->calloutText()->inline() ?></h4>
+  <h3><?= $site->calloutText()->inline() ?></h3>
   <?php if ($site->calloutTicket()->exists() && $site->calloutTicket() == 'true'): ?>
     <a class="ticket-link" href="<?= option('ticketingUrl') ?>" target="_blank" title="Aller à la billetterie"><?php snippet('ticket') ?> Billetterie</a>
   <?php endif ?>

site/snippets/event-card.php

@@ -1,5 +1,5 @@
 <div class="event-card grid__item" style="--span: <?= $span ?>; --color: <?= $event->color()->isEmpty() || $event->color() == '#fff' ? 'var(--color-season)' : $event->color() ?>">
-  <a class="event-card__link" href="<?= $event->url() ?>"></a>
+  <a class="event-card__link" href="<?= $event->url() ?>"><span class="sr-only">En savoir plus sur l'événement</s></span></a>
   <div class="image-wrapper">
   <?php if ($event->gallery()->toFiles()->count() > 1): ?>
     <?php snippet('picture', [

site/snippets/nav.php

@@ -24,6 +24,7 @@
       <?php snippet('ticket', ['link' => option('ticketingUrl')]) ?>
       <a href="/recherche" class="main-nav__search" title="chercher">
         <?= svg('/assets/images/icons/search.svg') ?>
+        <span class="sr-only">Rechercher une page</span>
       </a>
       <button class="burger-btn" aria-expanded="false" title="Ouvrir le menu">
         <span class="sr-only">Ouvrir le menu</span>

site/snippets/ticket.php

@@ -1,6 +1,7 @@
 <?php if (isset($link)): ?>  
   <a class="ticket" href="<?= $link ?>" target="_blank" title="Aller à la billetterie">
     <?= svg('assets/images/icons/ticket.svg') ?>
+    <span class="sr-only">Aller à la billetterie</span>
   </a>
 <?php else: ?>
   <figure class="ticket" target="_blank" title="Aller à la billetterie">