feat(contrat): Ajoute des labels d'accessibilité et améliore l'UX.
 feat(password): Ajoute des labels d'accessibilité pour une meilleure UX.
🗑️ feat(adresses): Ajoute un label d'accessibilité au bouton de suppression.
```
This commit is contained in:
Serreau Jovann
2026-02-05 15:17:37 +01:00
parent a6eadda5fe
commit d7eedb48e6
3 changed files with 6 additions and 6 deletions

View File

@@ -36,7 +36,7 @@
<form action="{{ path('gestion_contrat', {active: 'adresses'}) }}" method="POST" onsubmit="return confirm('Voulez-vous vraiment supprimer cette adresse ?');">
<input type="hidden" name="action" value="delete">
<input type="hidden" name="address_id" value="{{ addresse.id }}">
<button type="submit" class="p-2 text-gray-300 hover:text-red-500 hover:bg-red-50 rounded-xl transition-all">
<button type="submit" class="p-2 text-gray-300 hover:text-red-500 hover:bg-red-50 rounded-xl transition-all" aria-label="Supprimer l'adresse">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
</svg>

View File

@@ -9,7 +9,7 @@
{# HEADER : NAVIGATION, TITRE, DATES & LIEU #}
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-10">
<div class="md:col-span-2 flex items-center gap-6">
<a href="{{ path('gestion_contrat') }}" class="w-12 h-12 bg-white rounded-2xl border border-slate-100 flex items-center justify-center text-slate-400 hover:text-blue-600 transition-all shadow-sm">
<a href="{{ path('gestion_contrat') }}" class="w-12 h-12 bg-white rounded-2xl border border-slate-100 flex items-center justify-center text-slate-400 hover:text-blue-600 transition-all shadow-sm" aria-label="Retour au tableau de bord">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
</a>
<div class="flex flex-col md:flex-row md:items-center gap-4 md:gap-8">
@@ -342,7 +342,7 @@
<div class="flex justify-end">
<a target="_blank" href="{{ path('gestion_contrat_view', {num: contrat.numReservation, idPaymentPdf: pay.id}) }}"
class="group relative flex items-center justify-center w-10 h-10 bg-blue-50 hover:bg-blue-600 text-blue-600 hover:text-white rounded-full transition-all duration-300 shadow-sm"
title="Télécharger le reçu">
title="Télécharger le reçu" aria-label="Télécharger le reçu de paiement">
{# Icône de téléchargement épurée #}
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 stroke-[2.5] transition-transform group-hover:scale-110" fill="none" viewBox="0 0 24 24" stroke="currentColor">

View File

@@ -21,7 +21,7 @@
<p class="text-gray-400 mt-2">Entrez votre mail pour recevoir un code.</p>
</div>
<form method="POST" class="space-y-4">
<input type="email" name="email_request" placeholder="votre@email.com" required
<input type="email" name="email_request" placeholder="votre@email.com" required aria-label="Adresse Email"
class="w-full bg-gray-50 border-none rounded-2xl px-6 py-4 focus:ring-2 focus:ring-blue-500 outline-none">
<button type="submit" class="w-full bg-blue-600 text-white font-bold py-4 rounded-2xl shadow-lg shadow-blue-200 hover:bg-blue-700 transition-all">
Envoyer le code
@@ -35,7 +35,7 @@
</div>
<form method="POST" class="space-y-6">
<div class="flex justify-center">
<input type="text" name="code_verify" maxlength="6" placeholder="······" required autofocus
<input type="text" name="code_verify" maxlength="6" placeholder="······" required autofocus aria-label="Code de vérification"
class="w-full text-center text-4xl font-black tracking-[0.3em] bg-gray-50 border-none rounded-2xl py-5 focus:ring-2 focus:ring-blue-500 outline-none">
</div>
<button type="submit" class="w-full bg-gray-900 text-white font-bold py-4 rounded-2xl shadow-lg hover:bg-black transition-all">
@@ -52,7 +52,7 @@
<p class="text-gray-400 mt-2">Choisissez votre nouveau mot de passe.</p>
</div>
<form method="POST" class="space-y-4">
<input type="password" name="new_password" placeholder="Minimum 6 caractères" required autofocus
<input type="password" name="new_password" placeholder="Minimum 6 caractères" required autofocus aria-label="Nouveau mot de passe"
class="w-full bg-gray-50 border-none rounded-2xl px-6 py-4 focus:ring-2 focus:ring-blue-500 outline-none">
<button type="submit" class="w-full bg-green-600 text-white font-bold py-4 rounded-2xl shadow-lg shadow-green-200 hover:bg-green-700 transition-all">
Réinitialiser