Make admin pagination accessible

We label the pagination icon wrappers with "aria-label", while hiding
the icon itself to screen readers. We also mark as "aria-disable"'d when
the first/last page is reached.

admin/app/components/solidus_admin/base_component.rb

@@ -14,7 +14,7 @@ class BaseComponent < ViewComponent::Base
     def icon_tag(name, **attrs)
       href = image_path("solidus_admin/remixicon.symbol.svg") + "#ri-#{name}"
       tag.svg(
-        class: attrs[:class],
+        **attrs
       ) do
         tag.use(
           "xlink:href": href

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>

admin/app/components/solidus_admin/ui/table/pagination/component.yml

@@ -0,0 +1,3 @@
+en:
+  next: Next
+  prev: Previous