diff --git a/demo/lib/demo_web/components/layouts/admin.html.heex b/demo/lib/demo_web/components/layouts/admin.html.heex
index 5fcbbdfd3..a6cfc6bfb 100644
--- a/demo/lib/demo_web/components/layouts/admin.html.heex
+++ b/demo/lib/demo_web/components/layouts/admin.html.heex
@@ -40,11 +40,11 @@
         {"Sunset", "sunset"}
       ]}
     />
-    <Backpex.HTML.Layout.topbar_dropdown class="mr-2 md:mr-0">
+    <Backpex.HTML.Layout.topbar_dropdown class="mr-2 md:mr-0" title="User menu" aria-label="Open user menu">
       <:label>
-        <label tabindex="0" class="btn btn-square btn-ghost">
+        <div class="btn btn-square btn-ghost">
           <Backpex.HTML.CoreComponents.icon name="hero-user" class="size-6" />
-        </label>
+        </div>
       </:label>
       <li>
         <.link href="https://backpex.live" class="text-error flex justify-between hover:bg-base-200">
diff --git a/demo/test/demo_web/live/category_live_test.exs b/demo/test/demo_web/live/category_live_test.exs
index a94081fc7..2d2a4a353 100644
--- a/demo/test/demo_web/live/category_live_test.exs
+++ b/demo/test/demo_web/live/category_live_test.exs
@@ -12,7 +12,7 @@ defmodule DemoWeb.Live.CategoryLiveTest do
       conn
       |> visit(~p"/admin/categories")
       |> assert_has("h1", text: "Categories", exact: true)
-      |> assert_has("button", text: "New Category", exact: true)
+      |> assert_has("a", text: "New Category", exact: true)
       |> assert_has("button[disabled]", text: "Delete", exact: true)
       |> assert_has("div", text: "Items 1 to 3 (3 total)", exact: true)
       |> assert_has("table tbody tr", count: 3)
@@ -52,7 +52,7 @@ defmodule DemoWeb.Live.CategoryLiveTest do
       conn
       |> visit(~p"/admin/categories/#{category.id}/show")
       |> assert_has("h1", text: "Category", exact: true)
-      |> assert_has("p", text: "Name", exact: true)
+      |> assert_has("dt", text: "Name", exact: true)
       |> assert_has("p", text: category.name, exact: true)
     end
   end
@@ -64,7 +64,7 @@ defmodule DemoWeb.Live.CategoryLiveTest do
       conn
       |> visit(~p"/admin/categories/#{category.id}/edit")
       |> assert_has("h1", text: "Edit Category", exact: true)
-      |> assert_has("button", text: "Cancel", exact: true)
+      |> assert_has("a", text: "Cancel", exact: true)
       |> assert_has("button", text: "Save", exact: true)
     end
 
@@ -89,7 +89,7 @@ defmodule DemoWeb.Live.CategoryLiveTest do
       conn
       |> visit(~p"/admin/categories/new")
       |> assert_has("h1", text: "New Category", exact: true)
-      |> assert_has("button", text: "Cancel", exact: true)
+      |> assert_has("a", text: "Cancel", exact: true)
       |> assert_has("button", text: "Save", exact: true)
     end
 
diff --git a/demo/test/demo_web/live/tag_live_test.exs b/demo/test/demo_web/live/tag_live_test.exs
index 2137fbf8a..64b0a47ec 100644
--- a/demo/test/demo_web/live/tag_live_test.exs
+++ b/demo/test/demo_web/live/tag_live_test.exs
@@ -12,7 +12,7 @@ defmodule DemoWeb.Live.TagLiveTest do
       conn
       |> visit(~p"/admin/tags")
       |> assert_has("h1", text: "Tags", exact: true)
-      |> assert_has("button", text: "New Tag", exact: true)
+      |> assert_has("a", text: "New Tag", exact: true)
       |> assert_has("button[disabled]", text: "Delete", exact: true)
       |> assert_has("div", text: "Items 1 to 3 (3 total)", exact: true)
       |> assert_has("table tbody tr", count: 3)
@@ -52,8 +52,8 @@ defmodule DemoWeb.Live.TagLiveTest do
       conn
       |> visit(~p"/admin/tags/#{tag.id}/show")
       |> assert_has("h1", text: "Tag", exact: true)
-      |> assert_has("p", text: "Name", exact: true)
-      |> assert_has("p", text: "Inserted At", exact: true)
+      |> assert_has("dt", text: "Name", exact: true)
+      |> assert_has("dt", text: "Inserted At", exact: true)
       |> assert_has("p", text: tag.name, exact: true)
     end
   end
@@ -65,7 +65,7 @@ defmodule DemoWeb.Live.TagLiveTest do
       conn
       |> visit(~p"/admin/tags/#{tag.id}/edit")
       |> assert_has("h1", text: "Edit Tag", exact: true)
-      |> assert_has("button", text: "Cancel", exact: true)
+      |> assert_has("a", text: "Cancel", exact: true)
       |> assert_has("button", text: "Save", exact: true)
     end
 
@@ -90,7 +90,7 @@ defmodule DemoWeb.Live.TagLiveTest do
       conn
       |> visit(~p"/admin/tags/new")
       |> assert_has("h1", text: "New Tag", exact: true)
-      |> assert_has("button", text: "Cancel", exact: true)
+      |> assert_has("a", text: "Cancel", exact: true)
       |> assert_has("button", text: "Save", exact: true)
     end
 
diff --git a/demo/test/demo_web/live/ticket_live_test.exs b/demo/test/demo_web/live/ticket_live_test.exs
index 5cea2230a..1905da45a 100644
--- a/demo/test/demo_web/live/ticket_live_test.exs
+++ b/demo/test/demo_web/live/ticket_live_test.exs
@@ -35,8 +35,8 @@ defmodule DemoWeb.TicketLiveTest do
       conn
       |> visit(~p"/admin/tickets/#{ticket.id}/show")
       |> assert_has("h1", text: "Ticket", exact: true)
-      |> assert_has("p", text: "Subject", exact: true)
-      |> assert_has("p", text: "Body", exact: true)
+      |> assert_has("dt", text: "Subject", exact: true)
+      |> assert_has("dt", text: "Body", exact: true)
       |> assert_has("p", text: ticket.subject, exact: true)
       |> assert_has("p", text: ticket.body, exact: true)
     end
diff --git a/guides/get_started/installation.md b/guides/get_started/installation.md
index c32542ef4..ea68f7e7b 100644
--- a/guides/get_started/installation.md
+++ b/guides/get_started/installation.md
@@ -142,7 +142,7 @@ To get you started quickly, we provide a layout you can copy & paste into your a
   <:topbar>
     <Backpex.HTML.Layout.topbar_branding />
 
-    <Backpex.HTML.Layout.topbar_dropdown class="mr-2 md:mr-0">
+    <Backpex.HTML.Layout.topbar_dropdown class="mr-2 md:mr-0" title="User menu" aria-label="Open user menu">
       <:label>
         <label tabindex="0" class="btn btn-square btn-ghost">
           <Backpex.HTML.CoreComponents.icon name="hero-user" class="size-6" />
diff --git a/guides/upgrading/v0.15.md b/guides/upgrading/v0.15.md
index 1589b171a..ac62320a0 100644
--- a/guides/upgrading/v0.15.md
+++ b/guides/upgrading/v0.15.md
@@ -29,3 +29,17 @@ def fields do
   ]
 end
 ```
+
+## Component changes
+
+- `Backpex.HTML.Layout.field_container/1` now uses a `dl` element instead of a `div` element to better align with HTML semantics.
+
+## Add translations
+
+Make sure to add the following translations:
+
+- `"Delete row with index %{index}"`
+- `"Actions"`
+- `"Select theme"`
+
+See the [the backpex.pot file for v0.14.0](https://github.com/naymspace/backpex/blob/0.14.0/priv/gettext/backpex.pot) in our GitHub repository for all available translations to match on.
diff --git a/lib/backpex/fields/belongs_to.ex b/lib/backpex/fields/belongs_to.ex
index e063b6a8a..d586729ae 100644
--- a/lib/backpex/fields/belongs_to.ex
+++ b/lib/backpex/fields/belongs_to.ex
@@ -136,7 +136,7 @@ defmodule Backpex.Fields.BelongsTo do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@owner_key]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="select"
diff --git a/lib/backpex/fields/boolean.ex b/lib/backpex/fields/boolean.ex
index c704ee96f..05f987f3f 100644
--- a/lib/backpex/fields/boolean.ex
+++ b/lib/backpex/fields/boolean.ex
@@ -37,7 +37,7 @@ defmodule Backpex.Fields.Boolean do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="toggle"
diff --git a/lib/backpex/fields/currency.ex b/lib/backpex/fields/currency.ex
index 78b185465..2c8dde96a 100644
--- a/lib/backpex/fields/currency.ex
+++ b/lib/backpex/fields/currency.ex
@@ -70,7 +70,7 @@ defmodule Backpex.Fields.Currency do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="number"
diff --git a/lib/backpex/fields/date.ex b/lib/backpex/fields/date.ex
index fdb65fb20..8717b076e 100644
--- a/lib/backpex/fields/date.ex
+++ b/lib/backpex/fields/date.ex
@@ -103,7 +103,7 @@ defmodule Backpex.Fields.Date do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="date"
diff --git a/lib/backpex/fields/date_time.ex b/lib/backpex/fields/date_time.ex
index c8b673bec..d65cef9d2 100644
--- a/lib/backpex/fields/date_time.ex
+++ b/lib/backpex/fields/date_time.ex
@@ -103,7 +103,7 @@ defmodule Backpex.Fields.DateTime do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="datetime-local"
diff --git a/lib/backpex/fields/has_many.ex b/lib/backpex/fields/has_many.ex
index 19883b764..b4f518171 100644
--- a/lib/backpex/fields/has_many.ex
+++ b/lib/backpex/fields/has_many.ex
@@ -136,13 +136,14 @@ defmodule Backpex.Fields.HasMany do
     <div id={@name}>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label as="p" text={@field_options[:label]} />
         </:label>
         <div class="dropdown w-full">
-          <label
+          <div
             tabindex="0"
+            role="button"
             class={[
-              "input block h-fit w-full p-2",
+              "input block h-fit w-full cursor-pointer p-2",
               @errors == [] && "bg-transparent",
               @errors != [] && "input-error bg-error/10"
             ]}
@@ -167,7 +168,7 @@ defmodule Backpex.Fields.HasMany do
                 </label>
               </div>
             </div>
-          </label>
+          </div>
           <Form.error :for={msg <- @errors} class="mt-1">{msg}</Form.error>
           <div tabindex="0" class="dropdown-content z-[1] menu bg-base-100 rounded-box w-full overflow-y-auto shadow">
             <div class="max-h-72 p-2">
diff --git a/lib/backpex/fields/has_many_through.ex b/lib/backpex/fields/has_many_through.ex
index da63984d5..ae003b52e 100644
--- a/lib/backpex/fields/has_many_through.ex
+++ b/lib/backpex/fields/has_many_through.ex
@@ -166,7 +166,11 @@ defmodule Backpex.Fields.HasManyThrough do
             >
               {label}
             </th>
-            <th></th>
+            <th>
+              <span class="sr-only">
+                {Backpex.__("Actions", @live_resource)}
+              </span>
+            </th>
           </tr>
         </thead>
         <tbody class="text-base-content/75">
@@ -244,11 +248,11 @@ defmodule Backpex.Fields.HasManyThrough do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label id={"has-many-through-label-#{@name}"} as="p" text={@field_options[:label]} />
         </:label>
 
         <div :if={@listables != []} class="ring-base-content/10 rounded-box mb-4 overflow-x-auto ring-1">
-          <table class="table">
+          <table class="table" aria-labelledby={"has-many-through-label-#{@name}"}>
             <thead class="bg-base-200/50 text-base-content uppercase">
               <tr>
                 <th
@@ -263,7 +267,11 @@ defmodule Backpex.Fields.HasManyThrough do
                 >
                   {label}
                 </th>
-                <th></th>
+                <th>
+                  <span class="sr-only">
+                    {Backpex.__("Actions", @live_resource)}
+                  </span>
+                </th>
               </tr>
             </thead>
             <tbody class="text-base-content/90">
@@ -361,7 +369,13 @@ defmodule Backpex.Fields.HasManyThrough do
           </div>
         </.modal>
 
-        <button type="button" class="btn btn-sm btn-outline btn-primary" phx-click="new-relational" phx-target={@myself}>
+        <button
+          type="button"
+          class="btn btn-sm btn-outline btn-primary"
+          phx-click="new-relational"
+          phx-target={@myself}
+          aria-labelledby={"has-many-through-label-#{@name}"}
+        >
           {@relational_title}
         </button>
 
@@ -537,7 +551,7 @@ defmodule Backpex.Fields.HasManyThrough do
     ~H"""
     <Layout.field_container>
       <:label>
-        <Layout.input_label text={@label} />
+        <Layout.input_label for={@form[@owner_key]} text={@label} />
       </:label>
       <BackpexForm.input
         type="select"
diff --git a/lib/backpex/fields/inline_crud.ex b/lib/backpex/fields/inline_crud.ex
index 8bd97ea97..99bb38eb6 100644
--- a/lib/backpex/fields/inline_crud.ex
+++ b/lib/backpex/fields/inline_crud.ex
@@ -129,7 +129,7 @@ defmodule Backpex.Fields.InlineCRUD do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label id={"inline-crud-label-#{@name}"} as="p" text={@field_options[:label]} />
         </:label>
 
         <div class="flex flex-col">
@@ -141,44 +141,48 @@ defmodule Backpex.Fields.InlineCRUD do
                 :for={{child_field_name, child_field_options} <- @child_fields}
                 class={child_field_class(child_field_options, assigns)}
               >
-                <p :if={f_nested.index == 0} class="mb-1 text-xs">
+                <span
+                  :if={f_nested.index == 0}
+                  id={"inline-crud-header-label-#{@name}-#{child_field_name}"}
+                  class="mb-1 text-xs"
+                >
                   {child_field_options.label}
-                </p>
+                </span>
                 <BackpexForm.input
                   type={input_type(child_field_options) |> Atom.to_string()}
                   field={f_nested[child_field_name]}
+                  aria-labelledby={"inline-crud-header-label-#{@name}-#{child_field_name} inline-crud-label-#{@name}"}
                   translate_error_fun={Backpex.Field.translate_error_fun(child_field_options, assigns)}
                   phx-debounce={Backpex.Field.debounce(child_field_options, assigns)}
                   phx-throttle={Backpex.Field.throttle(child_field_options, assigns)}
                 />
               </div>
 
-              <div class={if f_nested.index == 0, do: "mt-5", else: nil}>
-                <label for={"#{@name}-checkbox-delete-#{f_nested.index}"}>
-                  <input
-                    id={"#{@name}-checkbox-delete-#{f_nested.index}"}
-                    type="checkbox"
-                    name={"change[#{@name}_delete][]"}
-                    value={f_nested.index}
-                    class="hidden"
-                  />
-
-                  <div class="btn btn-outline btn-error" aria-label={Backpex.__("Delete", @live_resource)}>
-                    <Backpex.HTML.CoreComponents.icon name="hero-trash" class="h-5 w-5" />
-                  </div>
-                </label>
-              </div>
+              <button
+                type="button"
+                name={"change[#{@name}_delete][]"}
+                class={["btn btn-outline btn-error", f_nested.index == 0 && "mt-5"]}
+                phx-click={JS.dispatch("change")}
+                value={f_nested.index}
+                aria-label={Backpex.__({"Delete row with index %{index}", %{index: f_nested.index}}, @live_resource)}
+              >
+                <Backpex.HTML.CoreComponents.icon name="hero-trash" class="size-5" />
+              </button>
             </div>
           </.inputs_for>
 
           <input type="hidden" name={"change[#{@name}_delete][]"} />
         </div>
-        <input
+
+        <button
+          type="button"
           name={"change[#{@name}_order][]"}
-          type="checkbox"
-          aria-label={Backpex.__("Add entry", @live_resource)}
           class="btn btn-outline btn-sm btn-primary"
-        />
+          phx-click={JS.dispatch("change")}
+          value="new"
+        >
+          {Backpex.__("Add entry", @live_resource)}
+        </button>
 
         <%= if help_text = Backpex.Field.help_text(@field_options, assigns) do %>
           <Backpex.HTML.Form.help_text class="mt-1">{help_text}</Backpex.HTML.Form.help_text>
diff --git a/lib/backpex/fields/multi_select.ex b/lib/backpex/fields/multi_select.ex
index 840f17930..ea29290f8 100644
--- a/lib/backpex/fields/multi_select.ex
+++ b/lib/backpex/fields/multi_select.ex
@@ -143,7 +143,7 @@ defmodule Backpex.Fields.MultiSelect do
     <div id={@name}>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label as="p" text={@field_options[:label]} />
         </:label>
         <Form.multi_select
           field={@form[@name]}
diff --git a/lib/backpex/fields/number.ex b/lib/backpex/fields/number.ex
index 8aaaaa8e9..401f53290 100644
--- a/lib/backpex/fields/number.ex
+++ b/lib/backpex/fields/number.ex
@@ -45,7 +45,7 @@ defmodule Backpex.Fields.Number do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="number"
diff --git a/lib/backpex/fields/select.ex b/lib/backpex/fields/select.ex
index 6366bb712..b27a05269 100644
--- a/lib/backpex/fields/select.ex
+++ b/lib/backpex/fields/select.ex
@@ -70,7 +70,7 @@ defmodule Backpex.Fields.Select do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="select"
diff --git a/lib/backpex/fields/text.ex b/lib/backpex/fields/text.ex
index c1e8f606e..0599bdba9 100644
--- a/lib/backpex/fields/text.ex
+++ b/lib/backpex/fields/text.ex
@@ -44,7 +44,7 @@ defmodule Backpex.Fields.Text do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :center)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="text"
diff --git a/lib/backpex/fields/textarea.ex b/lib/backpex/fields/textarea.ex
index c910a25da..5551dd636 100644
--- a/lib/backpex/fields/textarea.ex
+++ b/lib/backpex/fields/textarea.ex
@@ -53,7 +53,7 @@ defmodule Backpex.Fields.Textarea do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="textarea"
diff --git a/lib/backpex/fields/time.ex b/lib/backpex/fields/time.ex
index 631f07bf4..4fb787404 100644
--- a/lib/backpex/fields/time.ex
+++ b/lib/backpex/fields/time.ex
@@ -76,7 +76,7 @@ defmodule Backpex.Fields.Time do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="time"
diff --git a/lib/backpex/fields/upload.ex b/lib/backpex/fields/upload.ex
index d5df33be1..16921b48a 100644
--- a/lib/backpex/fields/upload.ex
+++ b/lib/backpex/fields/upload.ex
@@ -656,7 +656,7 @@ defmodule Backpex.Fields.Upload do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@upload.ref} text={@field_options[:label]} />
         </:label>
         <div
           id={"#{@name}-drop-target"}
@@ -672,11 +672,11 @@ defmodule Backpex.Fields.Upload do
             <div class="flex flex-col items-center space-y-1 text-center">
               <Backpex.HTML.CoreComponents.icon name="hero-document-arrow-up" class="text-base-content/50 h-8 w-8" />
               <div class="flex text-sm">
-                <label>
-                  <a class="link link-hover link-primary font-medium">
+                <label class="focus-within:rounded-[var(--radius-box)] focus-within:ring-primary focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-1">
+                  <span class="link link-hover link-primary font-medium">
                     {Backpex.__("Upload a file", @live_resource)}
-                  </a>
-                  <.live_file_input :if={@uploads_allowed} upload={@upload} phx-target="#form-component" class="hidden" />
+                  </span>
+                  <.live_file_input :if={@uploads_allowed} upload={@upload} phx-target="#form-component" class="sr-only" />
                 </label>
                 <input
                   type="hidden"
diff --git a/lib/backpex/fields/url.ex b/lib/backpex/fields/url.ex
index 2d3c138fb..d3323b4cd 100644
--- a/lib/backpex/fields/url.ex
+++ b/lib/backpex/fields/url.ex
@@ -51,7 +51,7 @@ defmodule Backpex.Fields.URL do
     <div>
       <Layout.field_container>
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
-          <Layout.input_label text={@field_options[:label]} />
+          <Layout.input_label for={@form[@name]} text={@field_options[:label]} />
         </:label>
         <BackpexForm.input
           type="text"
diff --git a/lib/backpex/html/form.ex b/lib/backpex/html/form.ex
index e03ec4c8c..5df1622f3 100644
--- a/lib/backpex/html/form.ex
+++ b/lib/backpex/html/form.ex
@@ -226,7 +226,7 @@ defmodule Backpex.HTML.Form do
 
     ~H"""
     <div class="dropdown w-full">
-      <label tabindex="0" class="input block h-fit w-full p-2">
+      <div role="button" tabindex="0" class="input block h-fit w-full p-2">
         <div class="flex h-full w-full flex-wrap items-center gap-1 px-2">
           <p :if={@selected == []} class="text-base-content p-0.5 text-sm">
             {@prompt}
@@ -246,7 +246,7 @@ defmodule Backpex.HTML.Form do
             </div>
           </div>
         </div>
-      </label>
+      </div>
       <.error :for={msg <- @errors} :if={not @hide_errors} class="mt-1">{msg}</.error>
       <div tabindex="0" class="dropdown-content z-[1] menu bg-base-100 rounded-box w-full overflow-y-auto shadow">
         <div class="max-h-72 p-2">
diff --git a/lib/backpex/html/layout.ex b/lib/backpex/html/layout.ex
index 00b71f19e..f2cddbc05 100644
--- a/lib/backpex/html/layout.ex
+++ b/lib/backpex/html/layout.ex
@@ -34,12 +34,12 @@ defmodule Backpex.HTML.Layout do
       <input id="menu-drawer" type="checkbox" class="drawer-toggle" />
       <div class="drawer-content">
         <div class="bg-base-200 fixed inset-0 -z-10 h-full w-full"></div>
-        <div class={[
+        <ul class={[
           "menu hidden overflow-y-scroll px-2 pt-5 pb-4 md:fixed md:inset-y-0 md:mt-16 md:block md:w-64",
           build_slot_class(@sidebar)
         ]}>
           {render_slot(@sidebar)}
-        </div>
+        </ul>
 
         <div class={["flex flex-1 flex-col", length(@sidebar) > 0 && "md:pl-64"]}>
           <div class="fixed top-0 z-30 block w-full md:-ml-64">
@@ -61,12 +61,12 @@ defmodule Backpex.HTML.Layout do
       </div>
       <div class="drawer-side z-40">
         <label for="menu-drawer" class="drawer-overlay"></label>
-        <div class={[
+        <ul class={[
           "bg-base-100 menu min-h-full w-64 flex-1 flex-col overflow-y-auto px-2 pt-5 pb-4",
           build_slot_class(@sidebar)
         ]}>
           {render_slot(@sidebar)}
-        </div>
+        </ul>
       </div>
     </div>
     """
@@ -278,11 +278,14 @@ defmodule Backpex.HTML.Layout do
       <%!-- Desktop Icon --%>
       <div tabindex="0" role="button" class="btn btn-ghost hidden md:flex">
         {@label}
-        <Backpex.HTML.CoreComponents.icon name="hero-chevron-down" class="h-3 w-3" />
+        <Backpex.HTML.CoreComponents.icon name="hero-chevron-down" class="size-3" />
       </div>
       <%!-- Mobile Icon --%>
       <div tabindex="0" role="button" class="btn btn-square btn-ghost md:hidden">
-        <Backpex.HTML.CoreComponents.icon name="hero-swatch" class="size-6 md:hidden" />
+        <span class="sr-only">
+          {Backpex.__("Select theme")}
+        </span>
+        <Backpex.HTML.CoreComponents.icon name="hero-swatch" class="size-6" />
       </div>
       <form
         id="backpex-theme-selector-form"
@@ -375,13 +378,16 @@ defmodule Backpex.HTML.Layout do
   @doc type: :component
 
   attr :class, :string, required: false, default: nil, doc: "additional class that will be added to the component"
+  attr :rest, :global, doc: "attributes that will be added to the dropdown button"
 
   slot :label, required: true, doc: "label of the dropdown"
 
   def topbar_dropdown(assigns) do
     ~H"""
     <div class={["dropdown dropdown-end", @class]}>
-      {render_slot(@label)}
+      <div tabindex="0" role="button" {@rest}>
+        {render_slot(@label)}
+      </div>
       <ul tabindex="0" class="dropdown-content z-[1] menu bg-base-100 rounded-box w-52 p-2 shadow">
         {render_slot(@inner_block)}
       </ul>
@@ -490,7 +496,7 @@ defmodule Backpex.HTML.Layout do
   """
   @doc type: :component
 
-  attr :class, :string, default: "", doc: "extra classes to be added"
+  attr :class, :any, default: nil, doc: "extra classes to be added"
 
   slot :label, required: true do
     attr :align, :atom, values: [:top, :center, :bottom]
@@ -499,16 +505,22 @@ defmodule Backpex.HTML.Layout do
   slot :inner_block
 
   def field_container(assigns) do
+    assigns =
+      update(assigns, :label, fn
+        [label] -> label
+        _other -> raise ArgumentError, "Expected a single label slot, got: #{inspect(assigns.label)}"
+      end)
+
     ~H"""
-    <div class={"#{@class} flex flex-col items-stretch space-y-2 px-6 py-4 sm:flex-row sm:space-y-0 sm:py-3"}>
-      <div :for={label <- @label} class={"#{get_align_class(label[:align])} hyphens-auto break-words pr-2 sm:w-1/4"}>
+    <dl class={["flex flex-col items-stretch space-y-2 px-6 py-4 sm:flex-row sm:space-y-0 sm:py-3", @class]}>
+      <dt class={["hyphens-auto break-words pr-2 sm:w-1/4", get_align_class(@label[:align])]}>
         {render_slot(@label)}
-      </div>
+      </dt>
 
-      <div class="w-full sm:w-3/4">
+      <dd class="w-full sm:w-3/4">
         {render_slot(@inner_block)}
-      </div>
-    </div>
+      </dd>
+    </dl>
     """
   end
 
@@ -582,13 +594,22 @@ defmodule Backpex.HTML.Layout do
   """
   @doc type: :component
 
+  attr :as, :string, default: "label", doc: "html tag name"
   attr :text, :string, doc: "text of the label"
+  attr :for, :any, default: nil, doc: "form element the label is bound to"
+  attr :rest, :global
 
   def input_label(assigns) do
+    assigns =
+      case assigns.for do
+        field = %Phoenix.HTML.FormField{} -> assign(assigns, :rest, Map.put(assigns.rest, :for, field.id))
+        id -> assign(assigns, :rest, Map.put(assigns.rest, :for, id))
+      end
+
     ~H"""
-    <p class="text-content block break-words text-sm font-medium">
+    <.dynamic_tag tag_name={@as} class="text-content block break-words text-sm font-medium" {@rest}>
       {@text}
-    </p>
+    </.dynamic_tag>
     """
   end
 
diff --git a/lib/backpex/html/resource.ex b/lib/backpex/html/resource.ex
index dcd4500f6..928e50016 100644
--- a/lib/backpex/html/resource.ex
+++ b/lib/backpex/html/resource.ex
@@ -226,10 +226,10 @@ defmodule Backpex.HTML.Resource do
         <span :if={@filter_count > 0} class="indicator-item badge badge-sm badge-secondary rounded-selector">
           {@filter_count}
         </span>
-        <label tabindex="0" class="btn btn-sm btn-outline ring-base-content/10 border-0 ring-1">
+        <div role="button" tabindex="0" class="btn btn-sm btn-outline ring-base-content/10 border-0 ring-1">
           <Backpex.HTML.CoreComponents.icon name="hero-funnel-solid" class={["mr-2 h-5 w-5", @filter_icon_class]} />
           {@label}
-        </label>
+        </div>
       </div>
       <div tabindex="0" class="dropdown-content z-[1] menu bg-base-100 rounded-box p-4 shadow">
         <.index_filter_forms filters={@filters} filter_options={@filter_options} live_resource={@live_resource} {assigns} />
@@ -332,7 +332,7 @@ defmodule Backpex.HTML.Resource do
 
     ~H"""
     <div class={["dropdown", @class]}>
-      <label tabindex="0" class="hover:cursor-pointer">
+      <div role="button" tabindex="0" class="hover:cursor-pointer">
         <span class="sr-only">
           {Backpex.__("Toggle columns", @live_resource)}
         </span>
@@ -341,7 +341,7 @@ defmodule Backpex.HTML.Resource do
           aria-hidden="true"
           class="text-base-content/50 h-5 w-5 hover:text-base-content"
         />
-      </label>
+      </div>
       <div tabindex="0" class="dropdown-content menu bg-base-100 rounded-box min-w-52 max-w-72 p-4 shadow">
         <.form class="w-full" method="POST" for={@form} action={Router.cookie_path(@socket)}>
           <input type="hidden" name={@form[:_resource].name} value={@form[:_resource].value} />
@@ -626,19 +626,20 @@ defmodule Backpex.HTML.Resource do
   def resource_buttons(assigns) do
     ~H"""
     <div class="mb-4 flex space-x-2">
-      <.link :if={@live_resource.can?(assigns, :new, nil)} patch={Router.get_path(@socket, @live_resource, @params, :new)}>
-        <button class="btn btn-sm btn-outline btn-primary">
-          {@create_button_label}
-        </button>
+      <.link
+        :if={@live_resource.can?(assigns, :new, nil)}
+        patch={Router.get_path(@socket, @live_resource, @params, :new)}
+        class="btn btn-sm btn-outline btn-primary"
+      >
+        {@create_button_label}
       </.link>
 
       <.link
         :for={{key, action} <- resource_actions(assigns, @resource_actions)}
         patch={Router.get_path(@socket, @live_resource, @params, :resource_action, key, @query_options)}
+        class="btn btn-sm btn-outline btn-primary"
       >
-        <button class="btn btn-sm btn-outline btn-primary">
-          {ResourceAction.name(action, :label)}
-        </button>
+        {ResourceAction.name(action, :label)}
       </.link>
 
       <div :if={display_divider?(assigns)} class="border-base-300 my-0.5 border-r-2 border-solid" />
@@ -775,10 +776,12 @@ defmodule Backpex.HTML.Resource do
             subtitle={Backpex.__("Try a different filter setting or clear all filters.", @live_resource)}
           />
           <.empty_state_content :if={not @search_active? and not @filter_active?} title={@title}>
-            <.link :if={@create_allowed} patch={Router.get_path(@socket, @live_resource, @params, :new)}>
-              <button class="btn btn-sm btn-outline btn-primary mt-6">
-                {@create_button_label}
-              </button>
+            <.link
+              :if={@create_allowed}
+              patch={Router.get_path(@socket, @live_resource, @params, :new)}
+              class="btn btn-sm btn-outline btn-primary mt-6"
+            >
+              {@create_button_label}
             </.link>
           </.empty_state_content>
         </div>
@@ -864,7 +867,7 @@ defmodule Backpex.HTML.Resource do
             <div :for={{name, %{label: label}} <- @panel_fields}>
               <.field_container>
                 <:label>
-                  <.input_label text={label} />
+                  <.input_label as="span" text={label} />
                 </:label>
                 <.resource_field name={name} {assigns} />
               </.field_container>
diff --git a/lib/backpex/html/resource/form_component.html.heex b/lib/backpex/html/resource/form_component.html.heex
index 1a2daf0c6..faed05b69 100644
--- a/lib/backpex/html/resource/form_component.html.heex
+++ b/lib/backpex/html/resource/form_component.html.heex
@@ -60,10 +60,8 @@
             {@action_to_confirm.module.confirm_label(assigns)}
           </button>
         <% else %>
-          <.link navigate={@live_resource.return_to(@socket, assigns, @live_action, :cancel, @item)}>
-            <button type="button" class="btn">
-              {Backpex.__("Cancel", @live_resource)}
-            </button>
+          <.link navigate={@live_resource.return_to(@socket, assigns, @live_action, :cancel, @item)} class="btn">
+            {Backpex.__("Cancel", @live_resource)}
           </.link>
           <button
             :if={@continue_label}
diff --git a/lib/backpex/html/resource/resource_index_table.html.heex b/lib/backpex/html/resource/resource_index_table.html.heex
index b6e45a66f..90982f56d 100644
--- a/lib/backpex/html/resource/resource_index_table.html.heex
+++ b/lib/backpex/html/resource/resource_index_table.html.heex
@@ -3,6 +3,7 @@
     <tr id="row-headers" phx-hook="BackpexStickyActions" class="border-b-2">
       <th :if={Enum.any?(index_item_actions(@item_actions))}>
         <input
+          name="select-all-items"
           phx-click="toggle-item-selection"
           type="checkbox"
           class="checkbox checkbox-sm"
@@ -26,7 +27,11 @@
           <% end %>
         </div>
       </th>
-      <th class={["bg-base-100", sticky_col_class()]}></th>
+      <th class={["bg-base-100", sticky_col_class()]}>
+        <span class="sr-only">
+          {Backpex.__("Actions", @live_resource)}
+        </span>
+      </th>
     </tr>
   </thead>
   <tbody>
diff --git a/priv/gettext/backpex.pot b/priv/gettext/backpex.pot
index d19b6630d..22f6c71d6 100644
--- a/priv/gettext/backpex.pot
+++ b/priv/gettext/backpex.pot
@@ -27,6 +27,10 @@ msgstr ""
 msgid "(%{count} total)"
 msgstr ""
 
+#, elixir-autogen, elixir-format
+msgid "Actions"
+msgstr ""
+
 #, elixir-autogen, elixir-format
 msgid "Add entry"
 msgstr ""
@@ -83,6 +87,10 @@ msgstr ""
 msgid "Delete"
 msgstr ""
 
+#, elixir-autogen, elixir-format
+msgid "Delete row with index %{index}"
+msgstr ""
+
 #, elixir-autogen, elixir-format
 msgid "Deselect all"
 msgstr ""
@@ -179,6 +187,10 @@ msgstr ""
 msgid "Select options..."
 msgstr ""
 
+#, elixir-autogen, elixir-format
+msgid "Select theme"
+msgstr ""
+
 #, elixir-autogen, elixir-format
 msgid "selected"
 msgstr ""
diff --git a/priv/templates/layouts/admin.html.heex b/priv/templates/layouts/admin.html.heex
index 8ec6ae030..7a01c9f51 100644
--- a/priv/templates/layouts/admin.html.heex
+++ b/priv/templates/layouts/admin.html.heex
@@ -2,7 +2,7 @@
   <:topbar>
     <Backpex.HTML.Layout.topbar_branding />
 
-    <Backpex.HTML.Layout.topbar_dropdown>
+    <Backpex.HTML.Layout.topbar_dropdown title="User menu" aria-label="Open user menu">
       <:label>
         <label tabindex="0" class="btn btn-square btn-ghost">
           <.icon name="hero-user" class="size-6" />
@@ -24,4 +24,4 @@
   </:sidebar>
   <Backpex.HTML.Layout.flash_messages flash={@flash} />
     {@inner_content}
-</Backpex.HTML.Layout.app_shell>
\ No newline at end of file
+</Backpex.HTML.Layout.app_shell>