diff --git a/themes/intotheeast/templates/trip.html.twig b/themes/intotheeast/templates/trip.html.twig index a49dc2d..5cf6c88 100644 --- a/themes/intotheeast/templates/trip.html.twig +++ b/themes/intotheeast/templates/trip.html.twig @@ -122,14 +122,14 @@
- - - + + +
- + {% if has_gpx %} - + {% endif %}
@@ -383,8 +383,9 @@ setTimeout(function () { tripMap.resize(); }, 100); filterBtns.forEach(function(btn) { btn.addEventListener('click', function() { - filterBtns.forEach(function(b) { b.classList.remove('is-active'); }); + filterBtns.forEach(function(b) { b.classList.remove('is-active'); b.setAttribute('aria-pressed', 'false'); }); btn.classList.add('is-active'); + btn.setAttribute('aria-pressed', 'true'); var filter = btn.getAttribute('data-filter'); var visible = 0; @@ -550,6 +551,7 @@ function parseGpxFiles(urls, callback) { var isOpen = statsBlock.style.display !== 'none'; statsBlock.style.display = isOpen ? 'none' : ''; statsToggle.classList.toggle('is-active', !isOpen); + statsToggle.setAttribute('aria-expanded', isOpen ? 'false' : 'true'); }); } @@ -561,6 +563,7 @@ function parseGpxFiles(urls, callback) { var isOpen = cycBlock.style.display !== 'none'; cycBlock.style.display = isOpen ? 'none' : ''; cycToggle.classList.toggle('is-active', !isOpen); + cycToggle.setAttribute('aria-expanded', isOpen ? 'false' : 'true'); }); } })();