accessibility updates

- fixing Empty Link error

web/themes/asc_bootstrap/templates/paragraph/paragraph--column_one.html.twig

@@ -82,9 +82,11 @@
           <div class="col-6 text-right hor-arrows">
             <a class="btn btn-primary mb-3 mr-1 control-l" href="#carousel-{{ rand }}" role="button" data-slide="prev">
                 <i class="fa fa-angle-left" aria-hidden="true"></i>
+                <span class="sr-only">Previous</span>
             </a>
             <a class="btn btn-primary mb-3 control-r" href="#carousel-{{ rand }}" role="button" data-slide="next">
                 <i class="fa fa-angle-right" aria-hidden="true"></i>
+                <span class="sr-only">Next</span>
             </a>
           </div>
 

web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_four.html.twig

@@ -109,9 +109,11 @@
       <div class="col-12 text-center">
         <a class="btn btn-primary mb-3 mr-1 control-l" href="#carousel-mobile-{{ rand }}" role="button" data-slide="prev">
             <i class="fa fa-angle-left" aria-hidden="true"></i>
+            <span class="sr-only">Previous</span>
         </a>
         <a class="btn btn-primary mb-3 control-r" href="#carousel-mobile-{{ rand }}" role="button" data-slide="next">
             <i class="fa fa-angle-right" aria-hidden="true"></i>
+            <span class="sr-only">Next</span>
         </a>
       </div>
 {% endif %}
@@ -210,9 +212,11 @@
       <div class="col-6 text-right">
         <a class="btn btn-primary mb-3 mr-1 control-l" href="#carousel-desktop-{{ rand }}" role="button" data-slide="prev">
             <i class="fa fa-angle-left" aria-hidden="true"></i>
+            <span class="sr-only">Previous</span>
         </a>
         <a class="btn btn-primary mb-3 control-r" href="#carousel-desktop-{{ rand }}" role="button" data-slide="next">
             <i class="fa fa-angle-right" aria-hidden="true"></i>
+            <span class="sr-only">Next</span>
         </a>
       </div>
     {% endif %}

web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_three.html.twig

@@ -154,9 +154,11 @@
       <div class="col-12 text-center">
         <a class="btn btn-primary mb-3 mr-1 control-l" href="#carousel-mobile-{{ rand }}" role="button" data-slide="prev">
             <i class="fa fa-angle-left" aria-hidden="true"></i>
+            <span class="sr-only">Previous</span>
         </a>
         <a class="btn btn-primary mb-3 control-r" href="#carousel-mobile-{{ rand }}" role="button" data-slide="next">
             <i class="fa fa-angle-right" aria-hidden="true"></i>
+            <span class="sr-only">Next</span>
         </a>
       </div>
 {% endif %}
@@ -238,9 +240,11 @@
         <div class="col-6 text-right">
           <a class="btn btn-primary mb-3 mr-1 control-l" href="#carousel-desktop-{{ rand }}" role="button" data-slide="prev">
               <i class="fa fa-angle-left" aria-hidden="true"></i>
+              <span class="sr-only">Previous</span>
           </a>
           <a class="btn btn-primary mb-3 control-r" href="#carousel-desktop-{{ rand }}" role="button" data-slide="next">
               <i class="fa fa-angle-right" aria-hidden="true"></i>
+              <span class="sr-only">Next</span>
           </a>
         </div>
 

web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_two.html.twig

@@ -150,9 +150,11 @@
       <div class="col-12 text-center">
         <a class="btn btn-primary mb-3 mr-1 control-l" href="#carousel-mobile-{{ rand }}" role="button" data-slide="prev">
             <i class="fa fa-angle-left" aria-hidden="true"></i>
+            <span class="sr-only">Previous</span>
         </a>
         <a class="btn btn-primary mb-3 control-r" href="#carousel-mobile-{{ rand }}" role="button" data-slide="next">
             <i class="fa fa-angle-right" aria-hidden="true"></i>
+            <span class="sr-only">Next</span>
         </a>
       </div>
 {% endif %}
@@ -228,9 +230,11 @@
         <div class="col-6 text-right">
           <a class="btn btn-primary mb-3 mr-1 control-l" href="#carousel-desktop-{{ rand }}" role="button" data-slide="prev">
               <i class="fa fa-angle-left" aria-hidden="true"></i>
+              <span class="sr-only">Previous</span>
           </a>
           <a class="btn btn-primary mb-3 control-r" href="#carousel-desktop-{{ rand }}" role="button" data-slide="next">
               <i class="fa fa-angle-right" aria-hidden="true"></i>
+              <span class="sr-only">Next</span>
           </a>
         </div>