From d5fe670a2b04aa9209014f25732bd488805aca54 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane.baali99@gmail.com>
Date: Mon, 8 Dec 2025 16:15:07 +0100
Subject: [PATCH] fix: improve color contrast for WCAG accessibility compliance
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change required field asterisks from text-red-500 to text-red-700 font-bold
- Improve delete button contrast from bg-red-500 to bg-red-600
- Update helper text from text-gray-500 to text-gray-600

Fixes contrast errors reported by WAVE accessibility tool

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 app/forgot-password/page.tsx |  2 +-
 app/login/page.tsx           |  4 ++--
 app/profil/page.tsx          |  4 ++--
 app/register/page.tsx        | 14 +++++++-------
 app/reset-password/page.tsx  |  4 ++--
 5 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/app/forgot-password/page.tsx b/app/forgot-password/page.tsx
index ed9d926..558294b 100644
--- a/app/forgot-password/page.tsx
+++ b/app/forgot-password/page.tsx
@@ -120,7 +120,7 @@ export default function ForgotPasswordPage() {
               {/* Email */}
               <div>
                 <label htmlFor="email" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Email <span className="text-red-500" aria-hidden="true">*</span>
+                  Email <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <input
diff --git a/app/login/page.tsx b/app/login/page.tsx
index d817c46..f3b0de1 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -119,7 +119,7 @@ export default function LoginPage() {
               {/* Email */}
               <div>
                 <label htmlFor="email" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Email <span className="text-red-500" aria-hidden="true">*</span>
+                  Email <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <input
@@ -137,7 +137,7 @@ export default function LoginPage() {
               {/* Password */}
               <div>
                 <label htmlFor="password" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Mot de passe <span className="text-red-500" aria-hidden="true">*</span>
+                  Mot de passe <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <div className="relative">
diff --git a/app/profil/page.tsx b/app/profil/page.tsx
index 2f3097f..e1c28d4 100644
--- a/app/profil/page.tsx
+++ b/app/profil/page.tsx
@@ -172,7 +172,7 @@ export default function ProfilePage() {
                       </button>
                       <button
                         onClick={() => setShowDeleteModal(true)}
-                        className="bg-red-500 hover:bg-red-600 text-white font-bold px-6 py-3 rounded-lg transition-all shadow-lg hover:scale-105 duration-300"
+                        className="bg-red-600 hover:bg-red-700 text-white font-bold px-6 py-3 rounded-lg transition-all shadow-lg hover:scale-105 duration-300"
                       >
                         Supprimer mon compte
                       </button>
@@ -325,7 +325,7 @@ export default function ProfilePage() {
           <button
             onClick={handleDeleteAccount}
             disabled={isDeleting}
-            className="flex-1 bg-red-500 hover:bg-red-600 disabled:bg-red-300 text-white font-bold px-6 py-3 rounded-lg transition-all"
+            className="flex-1 bg-red-600 hover:bg-red-700 disabled:bg-red-300 text-white font-bold px-6 py-3 rounded-lg transition-all"
           >
             {isDeleting ? "Suppression..." : "Supprimer"}
           </button>
diff --git a/app/register/page.tsx b/app/register/page.tsx
index eaa6479..493a9e0 100644
--- a/app/register/page.tsx
+++ b/app/register/page.tsx
@@ -139,7 +139,7 @@ export default function RegisterPage() {
               <div className="grid grid-cols-2 gap-4">
                 <div>
                   <label htmlFor="firstName" className="block text-sm font-semibold text-gray-900 mb-2">
-                    Prénom <span className="text-red-500" aria-hidden="true">*</span>
+                    Prénom <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                     <span className="sr-only">(obligatoire)</span>
                   </label>
                   <input
@@ -156,7 +156,7 @@ export default function RegisterPage() {
 
                 <div>
                   <label htmlFor="lastName" className="block text-sm font-semibold text-gray-900 mb-2">
-                    Nom <span className="text-red-500" aria-hidden="true">*</span>
+                    Nom <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                     <span className="sr-only">(obligatoire)</span>
                   </label>
                   <input
@@ -175,7 +175,7 @@ export default function RegisterPage() {
               {/* Email */}
               <div>
                 <label htmlFor="email" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Email <span className="text-red-500" aria-hidden="true">*</span>
+                  Email <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <div className="relative">
@@ -239,7 +239,7 @@ export default function RegisterPage() {
                   {...register("phone")}
                   className={`w-full px-4 py-3 border ${errors.phone ? 'border-red-500' : 'border-gray-300'} rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent`}
                 />
-                <p className="mt-1 text-xs text-gray-500">Optionnel - Format: 06 12 34 56 78</p>
+                <p className="mt-1 text-xs text-gray-600">Optionnel - Format: 06 12 34 56 78</p>
                 {errors.phone && (
                   <p className="mt-1 text-sm text-red-500">{errors.phone.message}</p>
                 )}
@@ -248,7 +248,7 @@ export default function RegisterPage() {
               {/* Mot de passe */}
               <div>
                 <label htmlFor="password" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Mot de passe <span className="text-red-500" aria-hidden="true">*</span>
+                  Mot de passe <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <div className="relative">
@@ -286,7 +286,7 @@ export default function RegisterPage() {
               {/* Confirmer mot de passe */}
               <div>
                 <label htmlFor="confirmPassword" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Confirmer le mot de passe <span className="text-red-500" aria-hidden="true">*</span>
+                  Confirmer le mot de passe <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <div className="relative">
@@ -337,7 +337,7 @@ export default function RegisterPage() {
                   <Link href="/privacy" className="text-beige-800 underline hover:text-primary-500">
                     politique de confidentialité
                   </Link>{' '}
-                  <span className="text-red-500">*</span>
+                  <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                 </label>
               </div>
 
diff --git a/app/reset-password/page.tsx b/app/reset-password/page.tsx
index f077495..f293c0d 100644
--- a/app/reset-password/page.tsx
+++ b/app/reset-password/page.tsx
@@ -133,7 +133,7 @@ function ResetPasswordForm() {
               {/* New Password */}
               <div>
                 <label htmlFor="password" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Nouveau mot de passe <span className="text-red-500" aria-hidden="true">*</span>
+                  Nouveau mot de passe <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <div className="relative">
@@ -171,7 +171,7 @@ function ResetPasswordForm() {
               {/* Confirm Password */}
               <div>
                 <label htmlFor="confirmPassword" className="block text-sm font-semibold text-gray-900 mb-2">
-                  Confirmer le mot de passe <span className="text-red-500" aria-hidden="true">*</span>
+                  Confirmer le mot de passe <span className="text-red-700 font-bold" aria-hidden="true">*</span>
                   <span className="sr-only">(obligatoire)</span>
                 </label>
                 <input