# Journal de tests accessibilite - 22 juin 2026

## Environnement

- Site local : `http://127.0.0.1:8891`
- Serveur : PHP local, pages appelees directement quand les routes Apache ne sont pas rejouees.
- Navigateur : Google Chrome headless pilote par Playwright.
- Mouvement reduit : active dans le contexte de test.
- Referentiel de lecture : RGAA 4.1.2.

## Commande executee

```bash
EDIKKA_A11Y_OUT=/private/tmp/edikka-a11y-pro-results-2026-06-22.json NODE_PATH=/Users/bertrand/.cache/codex-runtimes/codex-primary-runtime/dependencies/node/node_modules /Users/bertrand/.cache/codex-runtimes/codex-primary-runtime/dependencies/node/bin/node /private/tmp/edikka-a11y-pro-check.cjs
```

## Resultat synthetique

| Bloc | Resultat |
| --- | --- |
| Pages controlees | `/pages/accessibilite.php`, `/pages/audit-accessibilite.php`, `/pages_en/accessibility.php`, `/pages/contact.php` |
| Nombre de controles | 84 |
| Echecs | 0 |
| Liens visibles sans nom | 0 |
| Boutons visibles sans nom | 0 |
| Champs visibles sans nom | 0 |
| Images sans `alt` ou masquage | 0 |
| SVG inline non masques ou non nommes | 0 |
| References ARIA cassees | 0 |
| `tabindex` positif | 0 |
| Duplications d'id | 0 |

## Tests clavier

| Controle | Resultat |
| --- | --- |
| Premier Tab sur le lien d'evitement | OK |
| Activation du skip-link | OK, focus sur `#edikka-main-content` |
| Menu mobile ferme | OK, panneau `aria-hidden=true`, `inert` present |
| Menu mobile ouvert | OK, `aria-expanded=true`, liens focusables |
| Fermeture par Echap | OK, focus restaure sur le bouton menu |

## Tests reflow

| Page | 320 px | 390 px |
| --- | --- | --- |
| Accessibilite | OK, pas de scroll horizontal document | OK |
| Rapport audit | OK, pas de scroll horizontal document | OK |
| Contact | OK, pas de scroll horizontal document | OK |
| Accessibility EN | OK, pas de scroll horizontal document | OK |

Note : certains blocs internes du hero du rapport depassent localement leur conteneur visuel calcule, mais `documentElement.scrollWidth` reste egal a la largeur de viewport. Aucun defilement horizontal utilisateur n'est expose.

## Controle lecteur d'ecran proxy

Controle realise : arbre d'accessibilite Chrome via DevTools Protocol.

- Titres restitues : OK.
- Liens nommes : OK.
- Boutons nommes : OK.
- Bouton menu restitue : "Ouvrir le menu".

Limite volontaire : ce controle ne remplace pas un passage VoiceOver Safari ou NVDA Firefox reel. Il sert de garde-fou technique avant validation humaine.

## Controle lecteur d'ecran reel

Passage humain realise avec VoiceOver Safari sur Mac.

| Page | Resultat |
| --- | --- |
| `https://www.edikka.com/` | OK, titre principal et navigation comprehensibles |
| `https://www.edikka.com/contact` | OK, champs et libelles comprehensibles |
| `https://www.edikka.com/accessibilite` | OK, titre, lien d'evitement et contenu lisibles |
| `https://www.edikka.com/audit/accessibilite` | OK, titre, sommaire et tableau lisibles sans blocage signale |

## Addendum production FAQ

Apres correction du chargement `footer.css` et de l'etat initial des blocs `reveal` dans le footer FAQ :

| Page | Performance | Accessibilite | Bonnes pratiques | SEO | Contrastes | TBT | CLS |
| --- | --- | --- | --- | --- | --- | --- | --- |
| `https://www.edikka.com/faq` | 100 | 100 | 100 | 100 | 0 erreur | 0 ms | 0 |
| `https://www.edikka.com/faq/seo` | 100 | 100 | 100 | 100 | 0 erreur | 0 ms | 0 |

## Points restant a fermer

- NVDA Firefox reel si poste Windows disponible.
- Pertinence humaine des alternatives d'images porteuses d'information.
- Controle des messages d'erreur formulaire en cas d'erreur serveur.
- Test espacement texte utilisateur sur pages longues.