From dd5ecec3f6425ef7be2d45205968020ad3d3eacf Mon Sep 17 00:00:00 2001
From: Daniel <danilacasito8@gmail.com>
Date: Tue, 26 May 2026 13:17:47 +0200
Subject: [PATCH] fix: improve accessibility by adding aria-labelledby
 attributes to card input labels

---
 tienda/templates/tienda/add_review.html      | 2 +-
 tienda/templates/tienda/agregar_tarjeta.html | 4 ++--
 tienda/templates/tienda/checkout.html        | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/tienda/templates/tienda/add_review.html b/tienda/templates/tienda/add_review.html
index 8e09d4e..c3d6498 100644
--- a/tienda/templates/tienda/add_review.html
+++ b/tienda/templates/tienda/add_review.html
@@ -22,7 +22,7 @@
                         {% csrf_token %}
 
                         <div class="mb-4">
-                            <label class="form-label">Puntuación</label>
+                            <label for="rating-input" class="form-label">Puntuación</label>
                             <div class="star-rating d-flex gap-1" id="star-rating">
                                 {% for i in "12345" %}
                                 <span class="star fs-2 {% if form.initial.rating|default:0 >= i|add:0 %}text-warning text-dark{% else %}text-secondary{% endif %}" data-value="{{ i }}" style="cursor: pointer; font-size: 2rem;">★</span>
diff --git a/tienda/templates/tienda/agregar_tarjeta.html b/tienda/templates/tienda/agregar_tarjeta.html
index 250d051..6f80e03 100644
--- a/tienda/templates/tienda/agregar_tarjeta.html
+++ b/tienda/templates/tienda/agregar_tarjeta.html
@@ -44,8 +44,8 @@
                 </p>
 
                 <div class="mb-3">
-                    <label class="form-label">Datos de la tarjeta</label>
-                    <div id="card-element"></div>
+                    <label id="label-card-data" class="form-label">Datos de la tarjeta</label>
+                    <div id="card-element" aria-labelledby="label-card-data"></div>
                     <div id="card-errors" role="alert"></div>
                 </div>
 
diff --git a/tienda/templates/tienda/checkout.html b/tienda/templates/tienda/checkout.html
index adccf0b..bdb81de 100644
--- a/tienda/templates/tienda/checkout.html
+++ b/tienda/templates/tienda/checkout.html
@@ -164,8 +164,8 @@
 
                     <div id="new-card-section" {% if saved_cards %}style="display:none;"{% endif %}>
                         <div class="mb-3">
-                            <label class="form-label">Número de tarjeta</label>
-                            <div id="card-element"></div>
+                            <label id="label-card-number" class="form-label">Número de tarjeta</label>
+                            <div id="card-element" aria-labelledby="label-card-number"></div>
                             <div id="card-errors" role="alert"></div>
                         </div>
                         <div class="form-check mb-3">