show selected option value in variant selector label for a11y

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-16 00:36:59 +00:00
parent 0fe48baaa8
commit e226e64c0b
2 changed files with 20 additions and 7 deletions
--- a/lib/simpleshop_theme_web/components/shop_components/product.ex
+++ b/lib/simpleshop_theme_web/components/shop_components/product.ex
@@ -1490,9 +1490,12 @@ defmodule SimpleshopThemeWeb.ShopComponents.Product do
  def variant_selector(assigns) do
    ~H"""
    <div class="mb-6">
-      <label class="block font-semibold mb-2" style="color: var(--t-text-primary);">
-        {@option_type.name}
-      </label>
+      <div class="block font-semibold mb-2" style="color: var(--t-text-primary);">
+        {@option_type.name}<span
+          :if={@selected}
+          style="color: var(--t-text-secondary); font-weight: normal;"
+        >: {@selected}</span>
+      </div>
      <div class="flex flex-wrap gap-2">
        <%= if @option_type.type == :color do %>
          <.color_swatch