[rubyforgood#5777] Add accessibility labels

priyapower · Jul 17, 2024 · 404c4f2 · 404c4f2
1 parent 146fa54
commit 404c4f2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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">