NavigationContenu principalPied de pageLogo Melvin Marra — retour à la page d'accueilAccueilÀ proposMes expériencesContact

Déclaration d'accessibilité

Dernière mise à jour : 2 novembre 2026

1. Engagement en matière d'accessibilité

Melvin Marra s'engage à rendre son site internet www.melvin-marra.fr accessible conformément à l'article 47 de la loi n° 2016-1321 du 7 octobre 2016 pour une République numérique et au décret n° 2019-768 du 24 juillet 2019 relatif à l'accessibilité des services de communication au public en ligne.

À cet effet, le site a été conçu dès l'origine selon les principes du RGAA 4.1 (Référentiel Général d'Amélioration de l'Accessibilité) et les critères de succès de niveau AA des WCAG 2.1 (Web Content Accessibility Guidelines). L'accessibilité est intégrée au processus de développement et non ajoutée en fin de projet.

Les composants d'interface (navigation, liens, boutons, champs de formulaire, carrousels, accordéons, notations) proviennent d'Eunomia, la bibliothèque de composants développée par Melvin Marra. Ces exigences y sont traitées au niveau de chaque composant : navigation au clavier, focus visible, rôles et attributs ARIA, libellés traduits en français.

2. État de conformité

Le site www.melvin-marra.fr est en conformité partielle avec le RGAA 4.1. Les non-conformités et dérogations sont détaillées ci-après.

2.1 Résultats des tests

Un audit interne a été réalisé sur l'ensemble des gabarits de page du site. Les critères RGAA 4.1 suivants ont été évalués :

  • Critères conformes : images, cadres, couleurs, multimédia, tableaux, liens, scripts, éléments obligatoires, structuration, présentation, formulaires, navigation, consultation.
  • Critères non conformes : voir section 3.

2.2 Technologies utilisées pour l'audit

L'audit a été conduit avec les outils suivants : inspection manuelle du code source, navigation clavier complète (Tab, Shift+Tab, Entrée, Espace, flèches), test avec lecteur d'écran (NVDA + Firefox, VoiceOver + Safari), et vérification avec les extensions axe DevTools et Wave.

3. Contenus non accessibles

3.1 Non-conformités

Les éléments suivants peuvent présenter des limitations d'accessibilité identifiées :

  • Carte Leaflet interactive : la carte affichée sur la page Contact est une carte interactive basée sur Leaflet et OpenStreetMap. Elle dispose d'un attribut role="img" et d'un texte alternatif décrivant la zone géographique. Les contrôles de zoom natifs de Leaflet sont accessibles au clavier. Les popups s'ouvrent par clic ou par activation clavier sur les marqueurs. Les informations contenues dans la carte (villes, rayons d'intervention) sont également présentées sous forme textuelle dans les cards adjacentes, constituant une alternative fonctionnelle complète.
  • Animation scroll-driven (section Parcours) : la section « Mon parcours » de la page À propos utilise une animation pilotée au scroll. Un fallback statique est rendu automatiquement lorsque la préférence système prefers-reduced-motion: reduce est détectée. La version animée est masquée aux technologies d'assistance via aria-hidden et un bloc accessible équivalent est fourni dans le DOM.

3.2 Dérogations pour charge disproportionnée

Aucune dérogation pour charge disproportionnée n'est invoquée à ce jour. Toutes les fonctionnalités du site ont été conçues avec l'accessibilité comme critère de conception primaire.

3.3 Contenus exemptés

Les contenus tiers suivants sont exemptés de l'obligation d'accessibilité conformément à l'article 3 du décret n° 2019-768 :

  • Le widget de vérification anti-spam Cloudflare Turnstile, chargé uniquement sur la page Contact.
    Ce composant est fourni par un tiers (Cloudflare Inc.) sur lequel Melvin Marra n'a pas le contrôle total. Des alternatives de contact directes (téléphone, email) sont toujours disponibles.

4. Technologies utilisées pour la réalisation du site

Le site repose sur les technologies suivantes :

  • Next.js 16 (App Router) - framework React pour le rendu serveur et la génération statique.
  • React 19 - bibliothèque d'interface utilisateur.
  • Eunomia - design system et bibliothèque de composants web (Web Components, Lit) : composants d'interface, thèmes clair et sombre, jetons de design (couleurs, espacements, typographie) et icônes.
  • TypeScript - typage statique pour la fiabilité du code.
  • CSS Modules / SCSS - styles encapsulés par composant, construits sur les jetons de design d'Eunomia.
  • Leaflet - cartographie interactive (page Contact uniquement).
  • Cloudflare Turnstile - protection anti-spam (formulaire de contact uniquement).
  • Brevo - API d'envoi de mail (formulaire de contact uniquement).

5. Environnement de test

Les vérifications d'accessibilité ont été effectuées dans les environnements suivants :

5.1 Navigateurs testés

  • Mozilla Firefox (dernière version stable) - Windows 11
  • Google Chrome (dernière version stable) - Windows 11
  • Safari (dernière version stable) - macOS Sonoma
  • Chrome pour Android (dernière version stable)
  • Safari pour iOS (dernière version stable)

5.2 Lecteurs d'écran testés

  • NVDA 2024.x + Firefox - Windows 11
  • VoiceOver + Safari - macOS Sonoma et iOS 17
  • TalkBack + Chrome - Android 14

5.3 Pages auditées

  • Page d'accueil - https://www.melvin-marra.fr/
  • À propos - https://www.melvin-marra.fr/a-propos
  • Expériences - https://www.melvin-marra.fr/experiences
  • Détail expérience - https://www.melvin-marra.fr/experiences/[slug]
  • Contact - https://www.melvin-marra.fr/contact
  • FAQ (section partagée) - présente sur plusieurs pages
  • Pages légales

6. Voies de recours

Si vous n'obtenez pas de réponse satisfaisante dans un délai de deux mois suivant votre signalement, vous pouvez adresser votre réclamation au Défenseur des droits, qui peut être saisi gratuitement :

  • En ligne : formulaire.defenseurdesdroits.fr
  • Par téléphone : 09 69 39 00 00 (du lundi au vendredi de 8h à 20h, appel non surtaxé)
  • Par courrier postal (gratuit, ne pas mettre de timbre) :
    Défenseur des droits
    Libre réponse 71120
    75342 Paris CEDEX 07
  • Auprès du délégué territorial du Défenseur des droits de votre région (coordonnées sur defenseurdesdroits.fr).

7. Contact

Si vous rencontrez un obstacle d'accessibilité qui vous empêche d'accéder à un contenu ou à une fonctionnalité du site, ou si vous avez des suggestions d'amélioration, vous pouvez contacter Melvin Marra :

Cette déclaration d'accessibilité a été établie le 2 novembre 2026 par Melvin Marra, responsable du site www.melvin-marra.fr, conformément au modèle publié par la DINUM sur accessibilite.numerique.gouv.fr.