From 7643193d6b53b4053a5465885d1aa1cd00c8a8e0 Mon Sep 17 00:00:00 2001
From: Yosvel Delta <152043745+CoderDeltaLAN@users.noreply.github.com>
Date: Fri, 5 Jun 2026 21:48:29 +0100
Subject: [PATCH] chore: improve accessibility baseline checks

---
 index.html        | 13 +++++++++----
 scripts/verify.sh | 17 +++++++++++++++++
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index b186be7..3add125 100644
--- a/index.html
+++ b/index.html
@@ -454,6 +454,11 @@
   .vert-g{grid-template-columns:1fr 1fr}
   .ai-branches{grid-template-columns:repeat(2,1fr)}
 }
+@media (pointer:coarse), (hover:none){
+  body{cursor:auto}
+  .cursor-dot,.cursor-ring{display:none!important}
+}
+
 @media(prefers-reduced-motion:reduce){
   *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
   #cur,#cur-r,#cur-glow{display:none}
@@ -879,19 +884,19 @@ <h2 class="cont-title rv" data-t="cont_gold">Hablemos de <span style="color:var(
       <div class="cont-form-panel" id="formPanel">
         <form class="cont-form" id="contactForm" onsubmit="sendMail(event)">
           <div>
-            <label data-t="form_name">Nombre</label>
+            <label for="fName" data-t="form_name">Nombre</label>
             <input type="text" id="fName" placeholder="Tu nombre o empresa" required>
           </div>
           <div>
-            <label data-t="form_email">Tu email</label>
+            <label for="fEmail" data-t="form_email">Tu email</label>
             <input type="email" id="fEmail" placeholder="tu@email.com" required>
           </div>
           <div>
-            <label data-t="form_subject">Asunto</label>
+            <label for="fSubject" data-t="form_subject">Asunto</label>
             <input type="text" id="fSubject" placeholder="Diagnóstico IA / Consulta / Propuesta...">
           </div>
           <div>
-            <label data-t="form_msg">Mensaje</label>
+            <label for="fMsg" data-t="form_msg">Mensaje</label>
             <textarea id="fMsg" placeholder="Cuéntame tu proceso, tu negocio, qué haces manualmente y qué resultado te gustaría conseguir." required></textarea>
           </div>
           <button type="submit" class="cont-form-send" data-t="form_send">Enviar mensaje →</button>
diff --git a/scripts/verify.sh b/scripts/verify.sh
index 19bb0eb..ba7d490 100755
--- a/scripts/verify.sh
+++ b/scripts/verify.sh
@@ -97,6 +97,23 @@ else
   stop=1
 fi
 
+printf '\n== accessibility baseline check ==\n'
+a11y_stop=0
+
+grep -Fq '<label for="fName" data-t="form_name">' index.html || { printf '[FAIL] missing label for fName\n'; a11y_stop=1; }
+grep -Fq '<label for="fEmail" data-t="form_email">' index.html || { printf '[FAIL] missing label for fEmail\n'; a11y_stop=1; }
+grep -Fq '<label for="fSubject" data-t="form_subject">' index.html || { printf '[FAIL] missing label for fSubject\n'; a11y_stop=1; }
+grep -Fq '<label for="fMsg" data-t="form_msg">' index.html || { printf '[FAIL] missing label for fMsg\n'; a11y_stop=1; }
+grep -Fq '@media (pointer:coarse), (hover:none)' index.html || { printf '[FAIL] missing touch cursor fallback\n'; a11y_stop=1; }
+grep -Fq '.cursor-dot,.cursor-ring{display:none!important}' index.html || { printf '[FAIL] missing custom cursor hide fallback\n'; a11y_stop=1; }
+grep -Fq '@media(prefers-reduced-motion:reduce)' index.html || { printf '[FAIL] missing reduced motion media query\n'; a11y_stop=1; }
+
+if [ "$a11y_stop" -eq 0 ]; then
+  printf '[OK] accessibility baseline passed\n'
+else
+  stop=1
+fi
+
 printf '\n== workflow trigger check ==\n'
 if grep -q 'chore/\*\*' .github/workflows/verify.yml && grep -q 'feat/\*\*' .github/workflows/verify.yml && grep -q 'fix/\*\*' .github/workflows/verify.yml && grep -q 'pull_request:' .github/workflows/verify.yml; then
   printf '[OK] workflow branch triggers found\n'