Enhancement: add aria label to buttons with only icons (#522)

Author: GuzekAlan

lib/live_debugger_web/live/traces/components/clear_button.ex

@@ -31,7 +31,13 @@ defmodule LiveDebuggerWeb.Live.Traces.Components.ClearButton do
 
   def clear_button(assigns) do
     ~H"""
-    <.button phx-click="clear-traces" class="flex gap-2" variant="secondary" size="sm">
+    <.button
+      phx-click="clear-traces"
+      aria-label="Clear traces"
+      class="flex gap-2"
+      variant="secondary"
+      size="sm"
+    >
       <.icon name="icon-trash" class="w-4 h-4" />
       <div class={[@label_class, "ml-1"]}>
         Clear

lib/live_debugger_web/live/traces/components/filters_fullscreen.ex

@@ -62,6 +62,7 @@ defmodule LiveDebuggerWeb.Live.Traces.Components.FiltersFullscreen do
     <div class="flex">
       <.button
         variant="secondary"
+        aria-label="Open filters"
         size="sm"
         class={["flex gap-1", if(@applied_filters_number > 0, do: "rounded-r-none")]}
         phx-click="open-filters"

lib/live_debugger_web/live/traces/components/refresh_button.ex

@@ -30,7 +30,13 @@ defmodule LiveDebuggerWeb.Live.Traces.Components.RefreshButton do
   @spec refresh_button(map()) :: Phoenix.LiveView.Rendered.t()
   def refresh_button(assigns) do
     ~H"""
-    <.button phx-click="refresh-history" class="flex gap-2" variant="secondary" size="sm">
+    <.button
+      phx-click="refresh-history"
+      aria-label="Refresh traces"
+      class="flex gap-2"
+      variant="secondary"
+      size="sm"
+    >
       <.icon name="icon-refresh" class="w-4 h-4" />
       <div class={@label_class}>
         Refresh