Accessibilité : la cuisine pour toutes et tous

Chez Un jour, une recette, nous pensons que la cuisine doit être accessible à toutes et tous. Cette conviction s'étend à notre site internet : nous travaillons chaque jour à le rendre utilisable par le plus grand nombre, quelles que soient vos capacités, votre équipement ou votre environnement de navigation.

Notre démarche

Nous appliquons les principes du RGAA (Référentiel Général d'Amélioration de l'Accessibilité) et nous nous inspirons des WCAG (Web Content Accessibility Guidelines) dans leurs versions les plus récentes. Notre objectif est d'atteindre le niveau AA, et nous menons des audits réguliers pour mesurer notre progression.

Voici les actions concrètes que nous avons mises en œuvre :

Navigation et structure

• Une structure de page claire avec des titres hiérarchisés (h1 → h6) pour une navigation par repères
• Des liens d'évitement pour accéder directement au contenu principal
• Un fil d'Ariane (breadcrumb) sur chaque fiche recette pour vous situer dans le site
• Une navigation au clavier cohérente et prévisible
• Des intitulés de liens explicites qui décrivent leur destination

Contraste et lisibilité

• Un mode Contraste élevé activable au clavier (premier appui sur Tab) ou via l'interrupteur dans le pied de page. Ce mode surcharge toutes les couleurs du site pour garantir un ratio de contraste ≥ 7:1. L'état persiste entre les pages (localStorage).
• Des contrastes de couleurs suffisants entre le texte et le fond pour une lecture confortable
• Une taille de texte redimensionnable sans perte de contenu
• Des polices lisibles et un interlignage adapté
• Pas d'information transmise uniquement par la couleur

Images et médias

• Des alternatives textuelles pertinentes sur toutes les images informatives
• Des images décoratives correctement ignorées par les technologies d'assistance
• Les vidéos intégrées disposent de sous-titres lorsque c'est possible

Formulaires et interactions

• Chaque champ de formulaire possède une étiquette associée
• Les messages d'erreur sont clairs et situés à proximité du champ concerné
• Les confirmations d'action sont annoncées aux lecteurs d'écran
• La recherche fonctionne sans JavaScript

Technologies d'assistance

Le site est testé régulièrement avec des lecteurs d'écran et une navigation clavier seule. Nous utilisons des ARIA landmarks pour faciliter la navigation par repères, et nous veillons à ce que les composants dynamiques (menus déroulants, fenêtres modales, onglets) soient correctement annoncés.

Limites connues

Malgré nos efforts, certaines parties du site peuvent présenter des difficultés :

• Certaines anciennes fiches recettes utilisent un balisage moins structuré — nous les mettons à jour progressivement
• Les contenus issus de partenaires publicitaires peuvent ne pas être entièrement conformes
• Le visionneuse d'images des recettes peut être difficile à utiliser au clavier dans certaines configurations

Audit 2026 — Résultats

Un audit complet a été réalisé le 9 juillet 2026 avec les outils axe-core (tests automatisés) et une revue manuelle du code source. Voici les résultats sur 11 pages clés du site :

• Tests automatisés : 554 critères passés, 0 violation critique, 0 violation grave (hors contrastes de couleurs exclus volontairement de l'audit).
• Liens d'évitement : fonctionnels sur toutes les pages, avec un nouveau lien « Activer le contraste élevé » (premier élément au Tab, persistant dans localStorage).
• Mode Contraste élevé : activable via le premier appui sur Tab ou l'interrupteur présent dans le pied de page. Surcharge toutes les couleurs du site pour garantir un ratio de contraste ≥ 7:1 partout. L'état persiste entre les pages (localStorage).
• Repères ARIA : toutes les pages ont désormais un contenu intégralement contenu dans des landmarks région, bannière et contentinfo.

Correctifs appliqués (juillet 2026)

• Mode Contraste élevé : lien d'évitement en premier Tab + interrupteur dans le footer. Surcharge CSS complète, persistant entre pages via localStorage.
• Indicateur de focus visible sur le toggle d'affichage des ingrédients (.toggle-photos:focus-within).
• Contraste du toggle ingrédients : track off passé de #d1d5db (ratio 2.9:1) à #9ca3af (ratio 3.2:1, conforme pour composant non-textuel).
• Landmarks ARIA : home-banner wrappé dans role="region", footer-a11y-bar dans role="region", bouton chatbot dans role="region".
• Ajout de lang="fr" sur le template email d'inscription.

Correctifs antérieurs (juin 2026)

• Ajout de aria-label sur tous les boutons d'icône seule (chatbot, rotation avatar, fermeture toast, génération photo admin)
• Ajout de alt sur les images décoratives et informatives manquantes
• Ajout de aria-label sur les champs du formulaire de contact
• Ajout de role="grid" et role="gridcell" sur les calendriers d'archives pour une navigation par grille
• Ajout de gestionnaires clavier (Enter/Espace) sur 5 composants role="button"
• Ajout de <nav aria-label="Pagination">, aria-current="page" et aria-label sur les liens Précédent/Suivant dans toutes les paginations
• Correction du titre de page trompeur sur les pages « Recettes express » en 404
• Ajout de aria-labelledby sur la modale admin, <caption> et scope="col" sur le tableau admin
• Ajout de role="switch" sur le toggle d'affichage des ingrédients
• Ajout de title sur l'iframe d'administration
• Ajout de <h2 class="sr-only"> sur les pages listing sans hiérarchie de titres
• Ajout de liens d'évitement avant les filtres de catégorie sur les pages listing
• Ajout de aria-hidden="true" sur les émojis décoratifs dans la navigation

Déclaration d'accessibilité

Cette déclaration a été mise à jour le 9 juillet 2026.

• Statut : Conforme WCAG 2.2 niveau A — niveau AA en cours d'évaluation, avec un mode Contraste élevé disponible pour améliorer les contrastes.
• Référentiels :
  • ✅ WCAG 2.2 — Niveau A : intégralement conforme
  • ⏳ WCAG 2.2 — Niveau AA : en cours d'évaluation, mode Contraste élevé disponible
  • ✅ RGAA 4.1 — Niveau A : intégralement conforme
• Taux de conformité estimé : 0 violation critique détectée par axe-core sur 11 pages clés. Le site est pleinement navigable au clavier et compatible avec les lecteurs d'écran.

Limites connues

• Contrastes de couleurs : plusieurs éléments ont des contrastes insuffisants (liens roses #f23db0, texte gris #999). Le mode Contraste élevé (premier Tab ou interrupteur dans le footer) résout ce problème en surchargeant toutes les couleurs, sans impacter l'apparence pour les utilisateurs qui n'en ont pas besoin.
• Liens dupliqués adjacents : les cartes recette en listing ont deux liens vers la même URL (photo + titre). La correction (fusionner les liens) nécessite une restructuration du composant.
• Calendrier des archives : certaines images de recettes dans le calendrier n'ont pas d'alternative textuelle descriptive.
• Anciennes fiches recettes : certaines utilisent un balisage moins structuré — mises à jour progressives.
• Contenus publicitaires : les contenus issus de partenaires peuvent ne pas être entièrement conformes.
• Émojis dans la navigation : certains émojis décoratifs (🍽️, 🥵) sont masqués des lecteurs d'écran, mais le rendu peut varier selon les technologies d'assistance.

Nous contacter

Si vous rencontrez des difficultés de navigation, si vous souhaitez signaler un problème d'accessibilité ou si vous avez besoin d'une information au format accessible, contactez-nous via notre page de contact.