From 35a8b78cfe4d9bb1899d66db5b13e649ecca9479 Mon Sep 17 00:00:00 2001
From: Kristin Wiseman <64229-kwiseman@users.noreply.drupalcode.org>
Date: Fri, 21 Jun 2024 00:00:27 +0000
Subject: [PATCH] Issue #3456057 by kwiseman: Carousel indicators for Bootstrap
5 don't use correct HTML
---
templates/views-bootstrap-carousel.html.twig | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/templates/views-bootstrap-carousel.html.twig b/templates/views-bootstrap-carousel.html.twig
index 99d7fbe..d3730fd 100644
--- a/templates/views-bootstrap-carousel.html.twig
+++ b/templates/views-bootstrap-carousel.html.twig
@@ -29,14 +29,14 @@
{# Carousel indicators #}
{% if indicators %}
- <ol class="carousel-indicators">
+ <div class="carousel-indicators">
{% for key, row in rows %}
{% if key % columns == 0 %}
{% set indicator_classes = [loop.first ? 'active'] %}
- <li class="{{ indicator_classes|join(' ') }}" data-bs-target="#{{ id }}" data-bs-slide-to="{{ key/columns }}"></li>
+ <button class="{{ indicator_classes|join(' ') }}" data-bs-target="#{{ id }}" data-bs-slide-to="{{ key/columns }}" aria-label="{{ 'Slide'|t ~ ' ' ~ loop.index }}"></button>
{% endif %}
{% endfor %}
- </ol>
+ </div>
{% endif %}
{# Carousel rows #}
--
GitLab