Story 2.2: bouton cta navbar

This commit is contained in:
2026-02-04 16:54:25 +01:00
parent dd6c5d0a72
commit 8dd68ef584
5 changed files with 59 additions and 29 deletions

View File

@@ -2,7 +2,7 @@
## Status
Ready for Dev
review
## Story
@@ -20,23 +20,23 @@ Ready for Dev
## Tasks / Subtasks
- [] **Task 1 : Styler le bouton CTA dans la navbar** (AC: 1)
- [] Appliquer la classe `btn-primary` au lien Contact
- [] Ajouter un espacement distinct (margin-left)
- [] Vérifier le contraste des couleurs
- [x] **Task 1 : Styler le bouton CTA dans la navbar** (AC: 1)
- [x] Appliquer la classe `btn-primary` au lien Contact
- [x] Ajouter un espacement distinct (margin-left)
- [x] Vérifier le contraste des couleurs
- [] **Task 2 : Assurer la visibilité mobile** (AC: 2)
- [] Vérifier que le CTA est présent dans le menu mobile
- [] Styler le CTA différemment dans le menu mobile (full-width ou mis en avant)
- [x] **Task 2 : Assurer la visibilité mobile** (AC: 2)
- [x] Vérifier que le CTA est présent dans le menu mobile
- [x] Styler le CTA différemment dans le menu mobile (full-width ou mis en avant)
- [] **Task 3 : Configurer le lien** (AC: 3)
- [] Le href pointe vers `/contact`
- [] Tester la navigation
- [x] **Task 3 : Configurer le lien** (AC: 3)
- [x] Le href pointe vers `/contact`
- [x] Tester la navigation
- [] **Task 4 : Implémenter les états interactifs** (AC: 4, 5)
- [] État hover (couleur plus claire)
- [] État focus visible (ring)
- [] État active (couleur plus foncée)
- [x] **Task 4 : Implémenter les états interactifs** (AC: 4, 5)
- [x] État hover (couleur plus claire)
- [x] État focus visible (ring)
- [x] État active (couleur plus foncée)
## Dev Notes
@@ -88,32 +88,35 @@ Le bouton CTA est déjà prévu dans la Story 2.1. Vérifier que :
| Date | Version | Description | Author |
|------|---------|-------------|--------|
| 2026-02-04 | 0.1 | Implementation story 2.2 | Amelia |
| 2026-01-22 | 0.1 | Création initiale | Sarah (PO) |
## Dev Agent Record
### Agent Model Used
Claude Opus 4.5 (claude-opus-4-5-20251101)
GPT-5 Codex
### Debug Log References
_Aucun_
- tests/cta.test.ps1: CTA coverage
### Completion Notes List
- CTA desktop déjà implémenté en story 2.1 (btn-primary text-sm, ml-4)
- Menu mobile amélioré : CTA full-width avec séparateur visuel
- CTA desktop confirmé (btn-primary text-sm, ml-4)
- Menu mobile CTA full-width avec séparateur visuel
- États interactifs via classe btn-primary (hover, focus, active)
- Lien pointe vers /contact
- Contraste vérifié (5.2:1 AA)
- Tests: `powershell -ExecutionPolicy Bypass -File tests/run.ps1`
### File List
| Fichier | Action |
|---------|--------|
| `templates/navbar.php` | Modifié (CTA mobile) |
| `templates/navbar.php` | Modifié (CTA mobile + label) |
| `assets/css/output.css` | Regénéré |
| `tests/cta.test.ps1` | Créé |
| `tests/run.ps1` | Modifié |
## QA Results