Un audit d’accessibilité est en cours de réalisation pour le site Madame Figaro. La déclaration d’accessibilité sera mise en ligne une fois cet audit effectué.

En attente de celui-ci, l’accessibilité du site est déclarée comme étant non conforme.

Un audit d’accessibilité a été effectué pour le site lefigaro.fr, qui partage la même structure technique que Madame Figaro, est consultable à partir de ce lien : Déclaration d’accessibilité le Figaro.fr.

Cet audit nous a permis d’identifier les problèmes suivant sur le site de Madame Figaro :

Non-conformités bloquantes de la page d’accueil

Limite de temps :

• Absence de contrôle de l’utilisateur sur la limite de temps modifiant le contenu. Au bout de vingt minutes un rechargement automatique de la page a lieu.

Lecteur vidéo :

• Absence d’une transcription textuelle sur les vidéos.
• Absence de sous-titres synchronisés sur les vidéos.
• Lorsqu’une vidéo est terminée, absence de contrôle de l’utilisateur sur la limite de temps modifiant le contenu pour afficher l’autre vidéo.

Non-conformités bloquantes de la page d’article

Lecture audio des articles :

• Absence d’intitulé sur l’élément bouton« Lecture »prenant le focus lorsque le composant est en mode inactif.
• Le bouton Lecture / Pause dans le mode actif du composant à un état non pertinent« aria-pressed » qui est toujours à« true ».

Tooltips (phylactères informationnels) :

• L’élément déclencheur du tooltip ne fonctionne pas au clavier.

Non-conformités majeures de la page d’accueil

Contrastes des éléments graphiques :

Présence d’éléments graphiques ayant un contraste insuffisant avec leur arrière-plan.

• L’icône le Figaro plume, permettant de fournir l’information visuelle qu’un article est réservé aux abonnés.
• Le trait interactif dans les carrousels de contenu dans leur état non sélectionné.
• Sur la page d’accueil, les images décoratives présentes dans les blocs articles, doivent être ignorées par les technologies d’assistance.

Gabarits - Structures et éléments obligatoires :

• Structure de la page et zones de regroupement de contenus : la zone de contenu principal n’est pas définie.
• Titre des pages : présence d’un titre de page peu explicite car ne contient pas le nom du site.

Footer (pied de page du site) :

• Présence de titres de hiérarchie simulé.
• Les icônes svg de décoration ne sont pas masquées aux technologies d’assistance.

Pré-footer :

• Présence de titre de hiérarchie simulé« Plus de services ».
• Composant plié/déplié : la navigation clavier sur ordinateur passe par un élément non interactif.
• Composant plié/déplié : absence de rôle pour les éléments permettant d’afficher/masquer les contenus dans la version mobile.

Autres composants :

• Éléments interactifs« passer… » : Les éléments permettant de passer certains contenus, comme la publicité, ne sont pas visibles lors de la prise de focus au clavier.

Lecteur vidéo :

• Les< iframe > des éléments publicitaires sont nommés en anglais.
• Les intitulés des boutons« Stop »,« Partager »,« Plein écran »,« Sortir du mode plein écran » des contrôles du lecteur vidéo ne sont pas suffisamment précis.
• Le nom du rôle du bouton volume n’est pas pertinent.
• L’intitulé du bouton volume n’est pas pertinent.
• Imbrication de deux éléments atteignable au clavier (la jauge de volume et le bouton volume) rendant la navigation au clavier non cohérente.
• Absence de sous-titres synchronisés pour les sourds et malentendants dans les vidéos.

Contenus de la colonne centrale :

• Le premier titre de la zone est un< h1 > bien que ce ne soit pas un titre de section parent des autres titres de page.
• Les titres de sections enfants d’un titre sont au même niveau que le parent.

Contenus article :

• Dans les titres d’articles, lorsqu’il y a une citation, celle-ci n’est pas déclarée en tant que telle.

Non-conformités majeures de la page d’article

Citation :

• Dans un titre d’article, lorsqu’il y a une citation, celle-ci est non déclarée en tant que telle.
• Dans le texte d’un article, lorsqu’il y a une citation, celle-ci est non déclarée en tant que telle.

Bouton de lecture / Pause des textes :

• Présence d’un titre de section« Écouter cet article » simulé.
• La navigation clavier passe par un élément non pertinent.
• Absence de l’icône Lecture / Pause porteuse d’information avec les CSS désactivées.
• Le bouton Lecture / pause dans le mode actif du composant a un intitulé en anglais.
• L’intitulé du bouton de volume n’est pas suffisamment pertinent
• Absence de focus visible sur les éléments interactif : lecture, pause,volume, avancement.

Tooltip (phylactère d’information) :

• Les tooltips disparaissent au survol de la souris.
• Les tooltips ne peuvent être masqués sans déplacer le pointeur de la souris.
• L’élément déclencheur des tooltips n’a pas d’intitulé pertinent ni de rôle pertinent.

Image :

• La légende des images n’est pas associée à leur image.
• Lorsqu’une image est agrandie, le focus clavier n’est pas capturé dans la modale.
• Absence de rôle sur la modale de l’image agrandie.
• Absence de nom sur la modale de l’image agrandie.
• Absence d’information transmise aux technologies d’assistance concernant la désactivation fonctionnelle de l’arrière-plan.
• Le bouton de fermeture de la modale d’agrandissement n’est pas explicite.
• Dans la modale d’agrandissement de l’image, la légende n’est pas associée à son image.

Encadré«La rédaction vous conseille» :

• Présence d’un titre de hiérarchie simulé.
• Composant«À lire aussi» :
• Présence d’un titre de hiérarchie simulé.
• Présence d’un niveau de titre de hiérarchie incohérent.
• Absence de cohérence de l’ordre de tabulation.
• Dans la liste des articles, présence d’alternatives peu pertinentes sur les images porteuses d’informations.

Espace«Commentaires» :

• Présence d’un titre de hiérarchie simulé.

Panneau modale de commentaires :

• Absence de cohérence de l’ordre de tabulation.
• Présence d’un titre de hiérarchie simulé.
• À la fermeture du panneau modale, le focus clavier n’est pas déplacé sur le bouton qui a permis son ouverture.
• Absence d’information transmise aux technologies d’assistance concernant la désactivation fonctionnelle de l’arrière-plan.
• Le focus clavier n’est pas capturé dans le panneau modale.
• Absence de rôle sur le panneau modale.
• Absence de nom sur le panneau modale.
• Dans l’encart d’abonnement, présence d’un titre de hiérarchie simulé.
• Dans l’encart d’abonnement, présence d’un rôle inapproprié sur le bouton d’abonnement.
• Dans l’encart d’abonnement, présence d’un lien« Connectez-vous »non distinguable par rapport au texte environnant.
• Les boutons d’actions« Répondre » et« Signaler »des commentaires ont des intitulés peu explicites.
• Absence de cohérence de l’ordre de tabulation sur les boutons d’actions« Répondre » et« Signaler ».
• Lorsqu’un commentaire a été signalé, absence de cohérence de l’ordre de tabulation.
• Lorsqu’un commentaire a été signalé, le bloc de confirmation contient un titre de hiérarchie simulé.

Modale de signalement de commentaires :

• À la fermeture de la modale, le focus n’est pas déplacé sur le bouton qui a permis son ouverture.
• Absence d’information transmise aux technologies d’assistance concernant la désactivation fonctionnelle de l’arrière-plan.
• Le focus clavier n’est pas capturé dans la modale.
• Absence de rôle sur la modale.
• Absence de nom sur la modale.
• Présence d’un intitulé peu explicite sur le bouton de fermeture de la modale.

Technologies utilisées pour la réalisation du site

• HTML5
• CSS
• Javascript

Retour d’information et contact

Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez contacter le responsable des sites le Figaro pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.

• Envoyer un message à accessibilite@lefigaro.fr

Voies de recours

Si vous constatez un défaut d’accessibilité vous empêchant d’accéder à un contenu ou une fonctionnalité du site, que vous nous le signalez et que vous ne parvenez pas à obtenir une réponse de notre part, vous êtes en droit de faire parvenir vos doléances ou une demande de saisine au Défenseur des droits.

Plusieurs moyens sont à votre disposition :

• Écrire un message au Défenseur des droits
• Contacter le délégué du Défenseur des droits dans votre région
• Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) :
  Défenseur des droits
  Libre réponse 71120
  75342 Paris CEDEX 07