admin/e-ticket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix WCAG contrast issues: yellow-500->700, indigo-600->800 on links

Browse Source 
- text-yellow-500 on white bg had ratio ~1.9 (need 4.5), now text-yellow-700
- text-indigo-600 links on white bg had ratio ~3.8, now text-indigo-800
  with permanent underline for link visibility (WCAG 1.4.1)
- Cookie banner link also updated

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Serreau Jovann
2026-03-26 12:55:56 +01:00
parent 3b4b51e3f2
commit d1fed64d72
13 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
templates/account/index.html.twig
View File

@@ -25,7 +25,7 @@
<div class="text-4xl mb-4">&#9203;</div>
<h2 class="text-xl font-black uppercase tracking-tighter italic mb-2">Compte en cours de validation</h2>
<p class="font-bold text-gray-700 text-sm">Votre compte organisateur est en cours de validation par l'equipe E-Ticket. Vous recevrez un email une fois votre compte approuve.</p>
<p class="text-gray-500 text-xs font-bold mt-4">Contactez <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a> pour toute question.</p>
<p class="text-gray-500 text-xs font-bold mt-4">Contactez <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a> pour toute question.</p>
</div>
{% else %}
@@ -96,7 +96,7 @@
<h2 class="text-sm font-black uppercase tracking-widest mb-2 text-red-800">Compte Stripe refuse
<span class="bg-white border-2 border-red-800 px-1.5 py-0.5 text-[10px] ml-2">Statut : {{ app.user.stripeStatus ?? 'refuse' }}</span>
</h2>
<p class="text-sm font-bold text-gray-700">Stripe a refuse votre compte vendeur. Vous ne pouvez pas utiliser nos services de vente pour le moment. Contactez <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a> pour plus d'informations.</p>
<p class="text-sm font-bold text-gray-700">Stripe a refuse votre compte vendeur. Vous ne pouvez pas utiliser nos services de vente pour le moment. Contactez <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a> pour plus d'informations.</p>
</div>
{% endif %}
{% endif %}
@@ -656,7 +656,7 @@
</div>
<div class="border-4 border-gray-900 bg-gray-50 px-6 py-4">
<p class="text-xs font-bold text-gray-500">Les informations de votre organisation (raison sociale, SIRET, adresse) ne peuvent etre modifiees que par l'equipe E-Ticket. Contactez <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a> pour toute modification.</p>
<p class="text-xs font-bold text-gray-500">Les informations de votre organisation (raison sociale, SIRET, adresse) ne peuvent etre modifiees que par l'equipe E-Ticket. Contactez <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a> pour toute modification.</p>
</div>
{% endif %}

2
templates/base.html.twig
View File

@@ -190,7 +190,7 @@
<div id="cookie-banner" class="hidden fixed bottom-0 left-0 right-0 z-50 border-t-4 border-gray-900 bg-white p-4">
<div class="max-w-4xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4">
<p class="text-sm font-bold text-gray-700">
Ce site utilise des cookies pour mesurer l'audience. <a href="{{ path('app_cookies') }}" class="text-indigo-600 hover:underline">En savoir plus</a>
Ce site utilise des cookies pour mesurer l'audience. <a href="{{ path('app_cookies') }}" class="text-indigo-800 underline hover:text-indigo-950">En savoir plus</a>
</p>
<div class="flex gap-2">
<button id="cookie-refuse" class="px-4 py-2 border-2 border-gray-900 bg-white font-black uppercase text-xs tracking-widest hover:bg-gray-100 transition-all cursor-pointer">Refuser</button>

2
templates/contact/index.html.twig
View File

@@ -48,7 +48,7 @@
<div class="card-brutal-info mt-12">
<h2 class="text-lg font-black uppercase mb-2">Autres moyens de contact</h2>
<ul class="list-disc pl-6 text-sm font-bold text-gray-700">
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></li>
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></li>
<li>Adresse : 42 rue de Saint-Quentin, 02800 Beautor, France</li>
</ul>
</div>

4
templates/home/event_detail.html.twig
View File

@@ -33,7 +33,7 @@
</div>
<div class="flex items-center gap-2">
<svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
<a href="{{ path('app_organizer_detail', {id: organizer.id, slug: organizer.slug}) }}" class="text-indigo-600 hover:underline">{{ organizer.companyName ?? (organizer.firstName ~ ' ' ~ organizer.lastName) }}</a>
<a href="{{ path('app_organizer_detail', {id: organizer.id, slug: organizer.slug}) }}" class="text-indigo-800 underline hover:text-indigo-950">{{ organizer.companyName ?? (organizer.firstName ~ ' ' ~ organizer.lastName) }}</a>
</div>
</div>
</div>
@@ -220,7 +220,7 @@
{% include 'components/_social_icons.html.twig' with {organizer: organizer, class: 'flex-wrap mb-4'} only %}
{% if organizer.email %}
<p class="text-sm font-bold"><a href="mailto:{{ organizer.email }}" class="text-indigo-600 hover:underline">{{ organizer.email }}</a></p>
<p class="text-sm font-bold"><a href="mailto:{{ organizer.email }}" class="text-indigo-800 underline hover:text-indigo-950">{{ organizer.email }}</a></p>
{% endif %}
</div>
</div>

4
templates/home/index.html.twig
View File

@@ -69,7 +69,7 @@
<section class="py-16 md:py-24 px-4 bg-white border-b-4 border-gray-900">
<div class="max-w-7xl mx-auto items-center">
<div>
<p class="text-yellow-500 font-black uppercase tracking-[0.3em] mb-4 text-xs md:text-base">// Comment ca marche</p>
<p class="text-yellow-700 font-black uppercase tracking-[0.3em] mb-4 text-xs md:text-base">// Comment ca marche</p>
<h2 class="text-3xl sm:text-4xl md:text-5xl lg:text-7xl font-black uppercase tracking-tighter mb-6 md:mb-8 leading-none">
Pour les acheteurs
</h2>
@@ -119,7 +119,7 @@
<div class="max-w-7xl mx-auto">
<div class="flex flex-col md:flex-row justify-between items-start md:items-end mb-10 md:mb-16 gap-4 md:gap-6">
<div>
<p class="text-yellow-500 font-black uppercase tracking-[0.3em] mb-4 text-xs md:text-base">// Pourquoi E-Ticket</p>
<p class="text-yellow-700 font-black uppercase tracking-[0.3em] mb-4 text-xs md:text-base">// Pourquoi E-Ticket</p>
<h2 class="text-3xl sm:text-4xl md:text-5xl lg:text-7xl font-black uppercase tracking-tighter leading-none">
Fait pour les associations
</h2>

2
templates/home/organizer_detail.html.twig
View File

@@ -79,7 +79,7 @@
<tr>
<td class="font-black text-xs uppercase tracking-widest text-gray-400">Email</td>
<td class="text-sm font-bold">
<a href="mailto:{{ organizer.email }}" class="text-indigo-600 hover:underline">{{ organizer.email }}</a>
<a href="mailto:{{ organizer.email }}" class="text-indigo-800 underline hover:text-indigo-950">{{ organizer.email }}</a>
</td>
</tr>
{% if organizer.city %}

2
templates/legal/cgu.html.twig
View File

@@ -65,7 +65,7 @@
<section>
<h2 class="text-xl font-black uppercase mb-2">8. Donnees personnelles</h2>
<p>Vos donnees sont traitees conformement a notre <a href="{{ path('app_rgpd') }}" class="text-indigo-600 hover:underline">Politique de confidentialite</a>. Vos donnees (nom, email) sont transmises a l'organisateur de l'evenement pour la gestion de votre billet.</p>
<p>Vos donnees sont traitees conformement a notre <a href="{{ path('app_rgpd') }}" class="text-indigo-800 underline hover:text-indigo-950">Politique de confidentialite</a>. Vos donnees (nom, email) sont transmises a l'organisateur de l'evenement pour la gestion de votre billet.</p>
</section>
<section>

4
templates/legal/cgv.html.twig
View File

@@ -114,7 +114,7 @@
<section>
<h2 class="text-xl font-black uppercase mb-2">11. Donnees personnelles</h2>
<p>Les donnees personnelles collectees dans le cadre des ventes sont traitees conformement a notre <a href="{{ path('app_rgpd') }}" class="text-indigo-600 hover:underline">Politique de confidentialite</a> et au RGPD.</p>
<p>Les donnees personnelles collectees dans le cadre des ventes sont traitees conformement a notre <a href="{{ path('app_rgpd') }}" class="text-indigo-800 underline hover:text-indigo-950">Politique de confidentialite</a> et au RGPD.</p>
</section>
<section>
@@ -123,7 +123,7 @@
<ul class="list-disc pl-6 mt-2">
<li>Plateforme de reglement en ligne des litiges de la Commission Europeenne : ec.europa.eu/consumers/odr</li>
</ul>
<p class="mt-2">Avant toute mediation, l'acheteur est invite a contacter la Plateforme a l'adresse <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a>.</p>
<p class="mt-2">Avant toute mediation, l'acheteur est invite a contacter la Plateforme a l'adresse <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a>.</p>
</section>
<section>

6
templates/legal/conformite.html.twig
View File

@@ -82,8 +82,8 @@
<h2 class="text-xl font-black uppercase mb-2">5. Donnees et conformite</h2>
<div class="card-brutal">
<ul class="list-disc pl-6 text-sm font-bold text-gray-700">
<li><strong>RGPD</strong> : Conforme au reglement general sur la protection des donnees (<a href="{{ path('app_rgpd') }}" class="text-indigo-600 hover:underline">voir notre politique RGPD</a>)</li>
<li><strong>Hebergement</strong> : Infrastructure hebergee en France (<a href="{{ path('app_hosting') }}" class="text-indigo-600 hover:underline">voir notre hebergeur</a>)</li>
<li><strong>RGPD</strong> : Conforme au reglement general sur la protection des donnees (<a href="{{ path('app_rgpd') }}" class="text-indigo-800 underline hover:text-indigo-950">voir notre politique RGPD</a>)</li>
<li><strong>Hebergement</strong> : Infrastructure hebergee en France (<a href="{{ path('app_hosting') }}" class="text-indigo-800 underline hover:text-indigo-950">voir notre hebergeur</a>)</li>
<li><strong>Chiffrement</strong> : Donnees sensibles chiffrees au repos et en transit</li>
</ul>
</div>
@@ -91,6 +91,6 @@
</div>
<p class="text-sm opacity-70 italic mt-8">Derniere mise a jour : {{ "now"|date("d/m/Y") }}. Contact : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></p>
<p class="text-sm opacity-70 italic mt-8">Derniere mise a jour : {{ "now"|date("d/m/Y") }}. Contact : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></p>
</div>
{% endblock %}

2
templates/legal/cookies.html.twig
View File

@@ -71,7 +71,7 @@
<p>Pour toute question relative aux cookies ou a vos donnees personnelles :</p>
<ul class="list-disc pl-6 mt-2">
<li>DPO : <strong>DPO-167945</strong></li>
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></li>
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></li>
</ul>
</section>

2
templates/legal/hosting.html.twig
View File

@@ -71,7 +71,7 @@
<section>
<h2 class="text-xl font-black uppercase mb-2">7. Contact</h2>
<p>Pour toute question relative a l'hebergement : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></p>
<p>Pour toute question relative a l'hebergement : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></p>
</section>
<p class="text-sm opacity-70 italic">Derniere mise a jour : {{ "now"|date("d/m/Y") }}</p>

10
templates/legal/mentions_legales.html.twig
View File

@@ -17,7 +17,7 @@
<li>RNA : W022006988</li>
<li>SIREN : 943121517</li>
<li>Siege social : 42 rue de Saint-Quentin, 02800 Beautor, France</li>
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></li>
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></li>
<li>Telephone : 06 79 34 88 02</li>
<li>Directeur de la publication : Serreau Jovann</li>
</ul>
@@ -69,14 +69,14 @@
<p>Conformement au Reglement General sur la Protection des Donnees (RGPD), l'association E-Cosplay s'engage a proteger la confidentialite des donnees personnelles collectees. Pour toute information ou exercice de vos droits Informatique et Libertes sur les traitements de donnees personnelles, vous pouvez contacter notre Delegue a la Protection des Donnees (DPO).</p>
<ul class="list-disc pl-6 mt-2">
<li>Identifiant DPO : <strong>DPO-167945</strong></li>
<li>Contact DPO : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></li>
<li>Contact DPO : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></li>
</ul>
<p class="mt-2">Pour plus d'informations, consultez notre <a href="{{ path('app_rgpd') }}" class="text-indigo-600 hover:underline">Politique de confidentialite</a>.</p>
<p class="mt-2">Pour plus d'informations, consultez notre <a href="{{ path('app_rgpd') }}" class="text-indigo-800 underline hover:text-indigo-950">Politique de confidentialite</a>.</p>
</section>
<section>
<h2 class="text-xl font-black uppercase mb-2">8. Cookies</h2>
<p>La Plateforme utilise des cookies strictement necessaires a son fonctionnement. Pour plus de details, consultez notre <a href="{{ path('app_cookies') }}" class="text-indigo-600 hover:underline">Politique de cookies</a>.</p>
<p>La Plateforme utilise des cookies strictement necessaires a son fonctionnement. Pour plus de details, consultez notre <a href="{{ path('app_cookies') }}" class="text-indigo-800 underline hover:text-indigo-950">Politique de cookies</a>.</p>
</section>
<section>
@@ -86,7 +86,7 @@
<section>
<h2 class="text-xl font-black uppercase mb-2">10. Contact</h2>
<p>Pour toute question relative aux presentes mentions legales, vous pouvez nous contacter a l'adresse : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a>.</p>
<p>Pour toute question relative aux presentes mentions legales, vous pouvez nous contacter a l'adresse : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a>.</p>
</section>
<p class="text-sm opacity-70 italic">Derniere mise a jour : {{ "now"|date("d/m/Y") }}</p>

8
templates/legal/rgpd.html.twig
View File

@@ -16,7 +16,7 @@
<li><strong>Association E-Cosplay</strong></li>
<li>SIREN : 943121517 / RNA : W022006988</li>
<li>42 rue de Saint-Quentin, 02800 Beautor, France</li>
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></li>
<li>Email : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></li>
</ul>
</section>
@@ -25,7 +25,7 @@
<p>Conformement au RGPD, un Delegue a la Protection des Donnees a ete designe :</p>
<ul class="list-disc pl-6 mt-2">
<li>Identifiant DPO : <strong>DPO-167945</strong></li>
<li>Contact : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></li>
<li>Contact : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a></li>
</ul>
</section>
@@ -50,7 +50,7 @@
<p class="mt-3"><strong>Donnees techniques :</strong></p>
<ul class="list-disc pl-6 mt-1">
<li>Adresse IP (anonymisee via Cloudflare)</li>
<li>Cookies strictement necessaires (voir <a href="{{ path('app_cookies') }}" class="text-indigo-600 hover:underline">Politique de cookies</a>)</li>
<li>Cookies strictement necessaires (voir <a href="{{ path('app_cookies') }}" class="text-indigo-800 underline hover:text-indigo-950">Politique de cookies</a>)</li>
</ul>
</section>
@@ -134,7 +134,7 @@
<li><strong>Droit d'opposition</strong> : vous opposer au traitement de vos donnees pour des motifs legitimes</li>
<li><strong>Droit de retrait du consentement</strong> : retirer votre consentement a tout moment (newsletter, etc.)</li>
</ul>
<p class="mt-2">Pour exercer vos droits, contactez le DPO a l'adresse <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a> en precisant votre identite. Une reponse vous sera apportee dans un delai maximum de 30 jours.</p>
<p class="mt-2">Pour exercer vos droits, contactez le DPO a l'adresse <a href="mailto:contact@e-cosplay.fr" class="text-indigo-800 underline hover:text-indigo-950">contact@e-cosplay.fr</a> en precisant votre identite. Une reponse vous sera apportee dans un delai maximum de 30 jours.</p>
</section>
<section>