Merge pull request #5270 from nebulab/waiting-for-dev/admin/svg_with_…

…meaning [Admin] Make pagination accessible
solidusio · Jul 21, 2023 · 99bda34 · 99bda34
2 parents fdb260f + d1790bf
commit 99bda34
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/admin/app/components/solidus_admin/ui/table/pagination/component.html.erb b/admin/app/components/solidus_admin/ui/table/pagination/component.html.erb
@@ -3,24 +3,24 @@
     <ul class="flex items-center">
       <li>
         <% if @page.first? %>
-          <span class="<%= link_classes(rounded: :left) %>">
-            <%= icon_tag("arrow-left-s-line", class: "fill-current text-grey-400 w-5 h-5") %>
+          <span class="<%= link_classes(rounded: :left) %>", "aria-label"=<%= t(".prev") %>, "aria-disabled"=true>
+            <%= icon_tag("arrow-left-s-line", class: "fill-current text-grey-400 w-5 h-5", "aria-hidden" => true) %>
           </span>
         <% else %>
-          <%= link_to @path.call(@page.number - 1), class: link_classes(rounded: :left) do %>
-            <%= icon_tag("arrow-left-s-line", class: "w-5 h-5") %>
+          <%= link_to @path.call(@page.number - 1), class: link_classes(rounded: :left), "aria-label" => t(".prev") do %>
+            <%= icon_tag("arrow-left-s-line", class: "w-5 h-5", "aria-hidden" => true) %>
           <% end %>
         <% end %>
       </li>
 
       <li>
         <% if @page.last? %>
-          <span class="<%= link_classes(rounded: :right) %>">
-            <%= icon_tag("arrow-right-s-line", class: "fill-current text-grey-400 w-5 h-5") %>
+          <span class="<%= link_classes(rounded: :right) %>", "aria-label"=<%= t(".next") %>, "aria-disabled"=true>
+            <%= icon_tag("arrow-right-s-line", class: "fill-current text-grey-400 w-5 h-5", "aria-hidden" => true) %>
           </span>
         <% else %>
-          <%= link_to @path.call(@page.next_param), class: link_classes(rounded: :right) do %>
-            <%= icon_tag("arrow-right-s-line", class: "w-5 h-5") %>
+          <%= link_to @path.call(@page.next_param), class: link_classes(rounded: :right), "aria-label" => t(".next") do %>
+            <%= icon_tag("arrow-right-s-line", class: "w-5 h-5", "aria-hidden" => true) %>
           <% end %>
         <% end %>
       </li>

diff --git a/admin/app/components/solidus_admin/ui/table/pagination/component.yml b/admin/app/components/solidus_admin/ui/table/pagination/component.yml
@@ -0,0 +1,3 @@
+en:
+  next: Next
+  prev: Previous