Merge pull request #50 from Oksydan/slider-accessibility-fixes

slider template accessibility fixes
Oksydan · Jan 6, 2024 · 8074207 · 8074207
2 parents 9ee4d09 + 8059067
commit 8074207
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/views/templates/hook/slider.tpl b/views/templates/hook/slider.tpl
@@ -44,7 +44,12 @@
           {/if}
 
           <li class="swiper-slide homeslider__slide">
-            <a href="{$slide.url}">
+            <a
+              href="{$slide.url}"
+              {if $slide.title}
+                title="{$slide.title}"
+              {/if}
+            >
               {if $slide@first}
                 <img
                   class="img-fluid homeslider__img"
@@ -84,10 +89,16 @@
       {/images_block}
     </ul>
     {if $homeslider.slides|count > 1}
-      <div class="swiper-button-prev swiper-button-custom homeslider__arrow homeslider__arrow--prev">
+      <div
+        class="swiper-button-prev swiper-button-custom homeslider__arrow homeslider__arrow--prev"
+        aria-label="Previous"
+      >
         <i class="material-icons">&#xE314;</i>
       </div>
-      <div class="swiper-button-next swiper-button-custom homeslider__arrow homeslider__arrow--next">
+      <div
+        class="swiper-button-next swiper-button-custom homeslider__arrow homeslider__arrow--next"
+        aria-label="Next"
+      >
         <i class="material-icons">&#xE315;</i>
       </div>
     {/if}