From bab9f4f22c27076c6e1e04d2b89890ef7c56e7b8 Mon Sep 17 00:00:00 2001
From: Brian Canini <canini.16@osu.edu>
Date: Tue, 29 Nov 2022 10:16:55 -0500
Subject: [PATCH] accessibility updates - fixing Empty Link error
---
.../templates/paragraph/paragraph--column_one.html.twig | 2 ++
.../templates/paragraph/paragraph--columns_four.html.twig | 4 ++++
.../templates/paragraph/paragraph--columns_three.html.twig | 4 ++++
.../templates/paragraph/paragraph--columns_two.html.twig | 4 ++++
4 files changed, 14 insertions(+)
diff --git a/web/themes/asc_bootstrap/templates/paragraph/paragraph--column_one.html.twig b/web/themes/asc_bootstrap/templates/paragraph/paragraph--column_one.html.twig
index c6a9f9b31e..0375fc20fc 100644
--- a/web/themes/asc_bootstrap/templates/paragraph/paragraph--column_one.html.twig
+++ b/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>
diff --git a/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_four.html.twig b/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_four.html.twig
index a2d30299df..a295a2b984 100644
--- a/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_four.html.twig
+++ b/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 %}
diff --git a/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_three.html.twig b/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_three.html.twig
index 65d9934058..42d7ede403 100644
--- a/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_three.html.twig
+++ b/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>
diff --git a/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_two.html.twig b/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_two.html.twig
index 46ed9b562f..e17b345a78 100644
--- a/web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_two.html.twig
+++ b/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>
--
GitLab