From 404c4f2bf9c03c9d99b2d770a9d1ea30490e0217 Mon Sep 17 00:00:00 2001
From: Priya Power <49959312+priyapower@users.noreply.github.com>
Date: Mon, 15 Jul 2024 17:00:33 -0500
Subject: [PATCH] [#5777] Add accessibility labels

---
 app/components/form/title_component.html.erb | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/form/title_component.html.erb b/app/components/form/title_component.html.erb
index 80414d0c53..df6fb6d0d3 100644
--- a/app/components/form/title_component.html.erb
+++ b/app/components/form/title_component.html.erb
@@ -12,11 +12,11 @@
       <% if @progress %>
         <div class="col-12 col-md-6 align-items-center d-flex gap-2 mt-2 mt-md-0">
         <% if @navigable %>
-          <%= link_to @nav_back do %>
-            <i class="lni lni-chevron-left"></i>
+          <%= link_to @nav_back, title: "Back step", aria: { label: "Back step" } do %>
+            <i class="lni lni-chevron-left", alt: "Chevron icon left"></i>
           <% end %>
-          <%= link_to @nav_next do %>
-            <i class="lni lni-chevron-right"></i>
+          <%= link_to @nav_next, title: "Next step", aria: { label: "Next step" } do %>
+            <i class="lni lni-chevron-right", alt: "Chevron icon right"></i>
           <% end %>
         <% end %>
         <p class="col-auto">