studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

keyboard nav program

Browse source
This commit is contained in:
isUnknown 2024-09-20 10:14:43 +02:00
parent a470d6322c
commit 24f6606c2c
8 changed files with 49 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

18
site/snippets/nav.php
View file

@ -1,6 +1,6 @@
<header class="main-header">
<a href="/" title="Aller à l'accueil">
<nav class="main-nav" aria-label="main-menu">
<a href="/" title="Aller à l'accueil">
<h1 class="logo">
<span>
Nouveau
@ -38,7 +38,7 @@
<!--========== EXPANDED NAV ==========-->
<nav id="expanded-nav">
<a class="expanded-nav__logo-link" href="/" title="Aller à l'accueil">
<a class="expanded-nav__logo-link" href="/" title="Aller à l'accueil" tabindex="-1">
<h1 class="logo">
<span>
N<span class="logo__detail">ouveau</span>
@ -57,7 +57,7 @@
open: false
}">
<h4 class="expanded-nav__category">
<a <?= e($page->url() == $navItem->url(), 'aria-current="page" ') ?>href="<?= $category->url() ?>"><?= $category->title() ?></a>
<a <?= e($page->url() == $navItem->url(), 'aria-current="page" ') ?>href="<?= $category->url() ?>" tabindex="-1"><?= $category->title() ?></a>
<button class="toggle" :class="open ? 'open': ''" @click="open = !open">→</button>
</h4>
@ -65,13 +65,13 @@
<?php foreach($category->children() as $subcategory): ?>
<?php if ($subcategory->isIndexed() == 'true'): ?>
<li>
<a class="expanded-nav__subcategory" href="<?= $category->url() . '/#' . $subcategory->slug() ?>"><?= $subcategory->title() ?></a>
<a class="expanded-nav__subcategory" href="<?= $category->url() . '/#' . $subcategory->slug() ?>" tabindex="-1"><?= $subcategory->title() ?></a>
</li>
<?php endif ?>
<?php endforeach ?>
<?php if ($category->template() == 'program'): ?>
<?php foreach($category->categories()->split() as $subcategory): ?>
<li><a class="expanded-nav__subcategory" href="<?= $category->url() . '/?tab=Calendrier+—+' . urlencode($subcategory) ?>"><?= $subcategory ?></a></li>
<li><a class="expanded-nav__subcategory" href="<?= $category->url() . '/?tab=Calendrier+—+' . urlencode($subcategory) ?>" tabindex="-1"><?= $subcategory ?></a></li>
<?php endforeach ?>
<?php endif ?>
</ul>
@ -79,22 +79,22 @@
<?php endforeach ?>
<li class="expanded-nav__links">
<div class="expanded-nav__ticketing">
<a class="ticket-link" href="<?= option('ticketingUrl') ?>" target="_blank" title="Aller à la billetterie"><?php snippet('ticket') ?> Billetterie</a>
<a class="ticket-link" href="<?= option('ticketingUrl') ?>" target="_blank" title="Aller à la billetterie" tabindex="-1"><?php snippet('ticket') ?> Billetterie</a>
</div>
<div class="expanded-nav__socials">
<strong>Suivez-nous</strong>
<ul class="social-icons">
<li>
<a href="<?= $site->instagram() ?>" class="invert" target="_blank" title="Voir la page Instagram du NTB"><?= svg('assets/images/icons/instagram.svg') ?></a>
<a href="<?= $site->instagram() ?>" class="invert" target="_blank" title="Voir la page Instagram du NTB" tabindex="-1"><?= svg('assets/images/icons/instagram.svg') ?></a>
</li>
<li>
<a href="<?= $site->facebook() ?>" class="invert" target="_blank" title="Voir la page Facebook du NTB"><?= svg('assets/images/icons/facebook.svg') ?></a>
<a href="<?= $site->facebook() ?>" class="invert" target="_blank" title="Voir la page Facebook du NTB" tabindex="-1"><?= svg('assets/images/icons/facebook.svg') ?></a>
</li>
</ul>
</div>
</li>
</ul>
<button class="close-btn" title="Fermer le menu">
<button class="close-btn" title="Fermer le menu" tabindex="-1">
<span class="close-btn__line"></span>
</button>
</nav>