Notre engagement
ChocoFresa croit que chaque personne mérite de pouvoir découvrir nos desserts artisanaux en ligne, quelle que soit sa situation. Nous nous engageons à rendre notre site web aussi accessible que possible, conformément aux Règles pour l'accessibilité des contenus web (WCAG) 2.1, niveau AA.
Cette déclaration d'accessibilité s'applique au domaine chocofresa.ca et à toutes ses pages. Nous révisons régulièrement nos pratiques pour progresser vers une meilleure inclusion.
🌿 Accessibilité comme valeur
Pour ChocoFresa, l'accessibilité n'est pas une case à cocher — c'est une extension de notre valeur d'hospitalité. Si nos desserts sont pour tout le monde, notre site doit l'être aussi.
Design responsive et mobile-first
Notre site est conçu avec une approche mobile-first : il s'adapte à toutes les tailles d'écran, des téléphones aux grands moniteurs. Chaque composant est testé sur les résolutions les plus courantes.
Téléphones mobiles
Mise en page fluide dès 320px. Navigation simplifiée, zones de clic élargies pour le toucher.
Tablettes & laptops
Grille adaptative, contenus réorganisés selon la largeur disponible.
Grands écrans
Largeur maximale contrôlée (1240px) pour une lisibilité optimale, sans étirement excessif.
Orientation portrait / paysage
L'expérience reste cohérente quelle que soit l'orientation de l'appareil.
Les tailles de police sont exprimées en unités relatives (rem, clamp()) pour respecter les préférences de zoom de chaque utilisateur, jusqu'à 200% sans perte de contenu.
Contraste et lisibilité
Notre palette de couleurs a été conçue pour garantir un contraste suffisant entre le texte et l'arrière-plan, conformément au critère WCAG 1.4.3 (Contraste — Niveau AA).
- Texte principal sur fond crème — rapport de contraste supérieur à 7:1 (dépasse le seuil AA).
- Texte secondaire (gris-rose) — rapport minimum 4.5:1, conforme WCAG AA.
- Éléments interactifs (boutons, liens) — contraste vérifié à l'état normal, survolé et actif.
- Indicateurs de focus clavier — contour rouge (
#D4003A) visible sur fond clair comme sur fond foncé.
Les typographies choisies — Cormorant Garamond pour les titres et DM Sans pour le corps — sont optimisées pour la lisibilité à l'écran. L'interlignage minimum est de 1.7, favorisant la lecture pour les personnes dyslexiques.
🔬 Mode préférence de mouvement réduit
Si vous avez activé « Réduire les animations » dans votre système, notre site respecte cette préférence via la règle CSS prefers-reduced-motion. Toutes les animations et transitions sont désactivées automatiquement.
Navigation au clavier
Le site est entièrement navigable au clavier, sans nécessité d'utiliser une souris ou un écran tactile.
- Lien d'évitement — un lien « Passer au contenu principal » apparaît dès le premier appui sur Tab, permettant de sauter la navigation.
- Ordre de tabulation logique — le focus suit l'ordre visuel de lecture, de haut en bas et de gauche à droite.
- Focus visible — chaque élément interactif affiche un contour de focus clairement visible (contour rouge, 3px, offset 3px).
- Éléments interactifs accessibles — tous les boutons, liens et contrôles de formulaire sont accessibles au clavier.
Le sélecteur de langue en haut de page est navigable au clavier. Chaque bouton de langue possède un attribut aria-pressed indiquant la langue sélectionnée aux lecteurs d'écran.
Compatibilité navigateurs & technologies d'assistance
Notre site est développé pour fonctionner avec les navigateurs et technologies d'assistance les plus courants :
Navigateurs supportés
- Google Chrome (version 110+)
- Mozilla Firefox (version 108+)
- Apple Safari (version 16+, iOS et macOS)
- Microsoft Edge (version 110+)
- Samsung Internet (version 18+)
Technologies d'assistance
- Lecteurs d'écran — le site est testé pour être compatible avec NVDA (Windows) et VoiceOver (macOS/iOS).
- HTML sémantique — utilisation de balises
<nav>,<main>,<header>,<footer>,<article>,<section>et attributs ARIA. - Attributs
lang— l'attributlangde la page est mis à jour dynamiquement lors du changement de langue.
🔧 Amélioration progressive
Notre site est fonctionnel sans JavaScript pour le contenu essentiel. Les animations et comportements interactifs sont des enrichissements progressifs qui ne bloquent pas l'accès à l'information.
Contenu alternatif et multimédia
Pour chaque contenu non textuel, nous nous efforçons de fournir une alternative accessible :
- Images décoratives — accompagnées de l'attribut
alt=""pour être ignorées par les lecteurs d'écran. - Images informatives — dotées d'un attribut
altdescriptif expliquant leur contenu ou leur fonction. - Icônes et emojis décoratifs — marqués avec
aria-hidden="true"pour ne pas interférer avec la navigation au lecteur d'écran. - Cartes Google Maps — accompagnées d'un lien texte alternatif vers l'adresse et la carte en version complète.
- Contenu Instagram — si intégré, un lien direct vers notre profil est fourni en alternative.
Nous n'utilisons pas de vidéos sur ce site à l'heure actuelle. Si nous en ajoutons, nous fournirons des sous-titres et une transcription textuelle.
Limitations connues
Nous nous efforçons d'atteindre la conformité WCAG 2.1 AA, mais certaines limitations persistent. Voici un état honnête de notre conformité :
Structure sémantique HTML5 — Conforme. Toutes les pages utilisent des éléments sémantiques appropriés avec rôles ARIA.
Navigation clavier — Conforme. Tous les éléments interactifs sont accessibles au clavier avec focus visible.
Responsive et mobile — Conforme. Le site s'adapte à toutes les tailles d'écran sans perte de contenu.
Contenu Instagram tiers — Partiellement conforme. Les widgets tiers peuvent présenter des lacunes d'accessibilité hors de notre contrôle. Un lien texte alternatif est toujours fourni.
Cursor personnalisé — Partiellement conforme. Le curseur personnalisé est désactivé automatiquement sur les appareils tactiles (pointer:coarse). Il reste actif sur desktop pour améliorer l'expérience visuelle.
Audit WCAG complet — Prévu. Un audit de conformité complet par un expert externe est prévu pour 2026.
Si vous rencontrez une difficulté d'accès non mentionnée ici, nous vous invitons à nous le signaler — votre retour nous aide à progresser.
Contact accessibilité
Si vous rencontrez une difficulté pour accéder à une information ou fonctionnalité de notre site, ou si vous avez des suggestions pour améliorer l'accessibilité, nous vous encourageons vivement à nous contacter :
Nous sommes là pour vous
Décrivez-nous la difficulté rencontrée et la page concernée. Nous nous engageons à vous répondre dans un délai de 5 jours ouvrables et à trouver une solution alternative si nécessaire.
🤝 Accès alternatif
Si vous ne pouvez pas accéder à une information sur notre site en raison d'un obstacle d'accessibilité, notre équipe en établissement est disponible pour vous aider directement lors de votre visite au 5131 Rue Wellington, Verdun.