Déclaration d'accessibilité

Dernière mise à jour : 6 mai 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.

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 15 (App Router) - framework React pour le rendu serveur et la génération statique.
React 19 - bibliothèque d'interface utilisateur.
TypeScript - typage statique pour la fiabilité du code.
CSS Modules / SCSS - styles encapsulés par composant, sans framework CSS tiers.
Leaflet - cartographie interactive (page Contact uniquement).
Cloudflare Turnstile - protection anti-spam (formulaire de contact uniquement).
Brevo - API d'envoir 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 :

Téléphone

06 09 92 75 49

E-mail

melvin.marra@gmail.com

Par courrier

285 Chemin du Château d'Eau
30520, SAINT MARTIN DE VALGALGUES