A11Y test

Author: karim-semmoud

lib/components/angle_slider.ex

@@ -368,7 +368,8 @@ defmodule Corex.AngleSlider do
           <div
             phx-mounted={Connect.ignore_thumb(%Thumb{id: @id, dir: @dir, disabled: @disabled, read_only: @read_only, invalid: @invalid, orientation: @orientation})}
             {Connect.thumb(%Thumb{id: @id, dir: @dir, disabled: @disabled, read_only: @read_only, invalid: @invalid, orientation: @orientation})}
-          />
+            title="Thumb"
+            />
           <div
             :if={@marker_values != []}
             phx-mounted={Connect.ignore_marker_group(%MarkerGroup{id: @id, dir: @dir, orientation: @orientation})}

lib/components/clipboard.ex

@@ -251,12 +251,12 @@ defmodule Corex.Clipboard do
             class={@input_class}
             phx-mounted={Connect.ignore_input(%Input{id: @id, dir: @dir, value: @value, orientation: @orientation})}
             {Connect.input(%Input{id: @id, dir: @dir, value: @value, orientation: @orientation})}
-            aria-label={@input_aria_label}
+            aria-label="Text to copy"
           />
           <button
             phx-mounted={Connect.ignore_trigger(%Trigger{id: @id, dir: @dir, orientation: @orientation})}
             {Connect.trigger(%Trigger{id: @id, dir: @dir, orientation: @orientation})}
-            aria-label={@trigger_aria_label}
+            aria-label="Copy"
             class={@trigger_button_class}
           >
             <span

lib/components/date-picker.ex

@@ -553,13 +553,13 @@ defmodule Corex.DatePicker do
       })}
     >
       <div phx-mounted={Connect.ignore_root(%Anatomy.Root{id: @id, dir: @dir})} {Connect.root(%Anatomy.Root{id: @id, dir: @dir})}>
-        <span
+        <label
           :if={@label != []}
           phx-mounted={Connect.ignore_label(%Anatomy.Label{id: @id, dir: @dir})}
           {Connect.label(%Anatomy.Label{id: @id, dir: @dir})}
         >
           {render_slot(@label)}
-        </span>
+        </label>
         <div phx-mounted={Connect.ignore_control(%Anatomy.Control{id: @id, dir: @dir})} {Connect.control(%Anatomy.Control{id: @id, dir: @dir})}>
           <input type="text" hidden id={"#{@id}-value"} name={@name} value={Phoenix.HTML.Form.normalize_value("date", @value)} aria-hidden="true" />
           <%= if @selection_mode == "range" do %>