Accessibilité numérique
Déclaration d'Accessibilité
Établissement de cette déclaration : mars 2025
Engagement d'accessibilité
Conformément à la loi n° 2005-102 du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées, et au décret n° 2009-834 du 2 juillet 2009 relatif à l'accessibilité des sites internet de l'administration, BDA Makeup s'engage à rendre son site internet accessible à toutes les personnes handicapées.
Ce site internet est partiellement conforme au Référentiel Général d'Amélioration de l'Accessibilité (RGAA) version 4.0, qui est le référentiel d'application de l'article 47 de la loi n° 2018-493 du 20 juin 2018.
Modèle de déclaration : Cette déclaration a été établie à partir du modèle de déclaration d'accessibilité mis à disposition par l'État français.
Éléments techniques
Éditeur du site : Anna Brevière--Dubard - BDA Makeup
Adresse : Île-de-France, France
Email : makeup.bda@gmail.com
Téléphone : +33 7 81 97 59 52
Hébergeur : Cloudflare
Technologies utilisées : HTML5, CSS3, JavaScript
Navigateurs testés : Chrome, Firefox, Safari, Edge (versions récentes)
Logiciels d'assistance testés : NVDA, VoiceOver
Résultat de l'évaluation
Le site BDA Makeup a fait l'objet d'une auto-évaluation de conformité selon le RGAA v4.0. Voici les résultats basés sur le code actuel du site :
Critères conformes (extraits)
- Alternatives textuelles : Chaque image informative (galerie, présentation) possède un attribut
altpertinent. Les éléments purement décoratifs (particules d'arrière-plan, icônes) sont ignorés par les lecteurs d'écran viaaria-hidden="true". - Navigation au clavier : Un lien d'évitement « Aller au contenu principal » est présent en haut de page.
- Formulaires : Chaque champ possède une étiquette
<label>correctement liée. Les attributsautocompleteetinputmodesont utilisés pour faciliter la saisie (notamment pour les personnes avec des troubles cognitifs ou moteurs). - Composants d'interface (ARIA) : Les modales (ex: préférences cookies) utilisent correctement les attributs
role="dialog"etaria-modal="true". Les boutons d'action iconographiques (ex: thème, menu burger) possèdent desaria-labelexplicites. - Structure : La langue de la page est déclarée (
lang="fr") et la hiérarchie des titres (H1, H2, H3) est respectée et logique.
Critères partiellement conformes
- Contrastes de couleurs : Bien que le thème sombre par défaut offre d'excellents contrastes, certains éléments textuels (notamment la couleur dorée utilisée pour les liens ou certains textes) peuvent présenter un ratio de contraste insuffisant lorsqu'ils sont affichés sur le fond clair du « Thème clair » optionnel.
- Système de navigation : Bien que le menu de navigation soit clair, il manque actuellement un second moyen de navigation direct (comme un plan du site détaillé accessible depuis le pied de page ou un moteur de recherche) pour être totalement conforme au critère de navigation multiple.
Critères non conformes
- Gestion du focus (Lightbox) : Lors de l'ouverture de la galerie d'images en plein écran (lightbox), le focus du clavier n'est pas "piégé" à l'intérieur de la fenêtre modale. De plus, à la fermeture, le focus ne retourne pas sur l'image initialement cliquée. Cela perturbe la navigation pour les utilisateurs de lecteurs d'écran et de navigation exclusive au clavier.
Fonctionnalités d'accessibilité
Le site BDA Makeup intègre nativement plusieurs fonctionnalités pour garantir une meilleure inclusivité :
Navigation et repères
- Lien d'évitement : Un lien caché en haut de page apparaît lors de la navigation au clavier (Touche Tab) pour sauter directement au contenu, évitant de repasser par le menu à chaque page.
- Balisage sémantique : Utilisation des balises HTML5 (
<nav>,<main>,<footer>,<section>) pour permettre aux technologies d'assistance de comprendre la structure de la page.
Adaptabilité visuelle
- Redimensionnement : Utilisation d'unités relatives (
clamp(),rem,vw) permettant au texte de s'adapter dynamiquement à la taille de l'écran et d'être zoomé jusqu'à 200% sans perte d'information ni de fonctionnalité. - Choix du thème : Un bouton de bascule clair/sombre permet aux utilisateurs de choisir l'interface la plus adaptée à leur fatigue visuelle ou leur sensibilité à la lumière.
Interactions et formulaires
- Aide à la saisie : Le formulaire de contact utilise les attributs d'autocomplétion navigateur (nom, email, téléphone) pour réduire l'effort de frappe.
- Annonces vocales : Le bandeau d'information sur les cookies utilise l'attribut
aria-live="polite"pour être lu par les lecteurs d'écran lors de son apparition sans interrompre l'utilisateur. - Accessibilité mobile : Boutons et liens espacés de manière adéquate, avec un bouton de contact flottant généreux pour les utilisateurs sur appareils tactiles.
Améliorations en cours
BDA Makeup s'engage à améliorer continuellement l'accessibilité de son site. Les actions suivantes sont prévues :
- Amélioration du contraste des couleurs sur certains éléments
- Optimisation de la compatibilité de la galerie lightbox avec les lecteurs d'écran
- Ajout de balises ARIA supplémentaires pour une meilleure sémantique
- Tests réguliers avec des utilisateurs handicapés
Contacter pour un problème d'accessibilité
Si vous rencontrez un défaut d'accessibilité vous empêchant d'accéder à un contenu ou une fonctionnalité du site, merci de nous en informer :
Veuillez préciser :
- La page où le problème est rencontré
- La nature du problème
- Le navigateur et le logiciel d'assistance utilisés
Nous nous engageons à répondre dans un délai de 14 jours maximum.
Voie de recours
Si vous n'obtenez pas de satisfaction de notre part, vous pouvez :
1. Contacter le Défenseur des droits
Le Défenseur des droits est une autorité constitutionnelle indépendante qui aide les usagers dans leurs démarches auprès de l'administration. Il peut être saisi gratuitement.
Site web : www.defenseurdesdroits.fr
Formulaire de contact en ligne : formulaire.defenseurdesdroits.fr
Par courrier :
Défenseur des droits
11 rue Saint-Bernard
75156 Paris Cedex 03
2. Contacter la CNIL
Pour les questions relatives à la protection des données personnelles :
CNIL
3 place de Fontenoy - TSA 80715
75334 Paris Cedex 07
Suivi de la déclaration
Cette déclaration d'accessibilité a été établie le 8 mars 2025 et sera mise à jour annuellement ou lors de modifications significatives du site.
La prochaine mise à jour est prévue pour mars 2026.