Partiellement conforme WCAG 2.1 AA
Le site est conforme à la majorité des critères de niveau A et AA. Deux dérogations sont connues et documentées ci-dessous : le contraste des textes secondaires et l'absence de piège de focus dans la modale de recherche. Une mise à jour corrective est planifiée.
État des critères évalués
1.1.1 — Contenu non textuel (A)
Les SVG décoratifs sont marqués aria-hidden. Les boutons iconiques ont aria-label.
1.3.1 — Info et relations (A)
HTML sémantique utilisé : nav, main, header, footer, h1→h3 dans l'ordre logique.
1.4.3 — Contraste minimum (AA)
Les couleurs d'accroche (#94A3B8 sur blanc) présentent un ratio de ~2.8:1 pour les textes secondaires non critiques. Les textes principaux et boutons sont conformes.
2.1.1 — Clavier (A)
Navigation complète au clavier. La recherche globale (⌘K) se ferme avec Échap, les résultats sont accessibles via Tab et flèches.
2.4.1 — Contournement de blocs (A)
Lien 'Aller au contenu principal' visible à la prise de focus clavier, en haut de chaque page.
2.4.2 — Titre de page (A)
Chaque page a un titre <title> unique et descriptif généré via next/metadata.
2.4.3 — Ordre de focus (A)
La modale de recherche place le focus sur l'input à l'ouverture. Pas de piège de focus complet implémenté.
2.4.7 — Focus visible (AA)
outline: 2px solid #7C3AED défini sur :focus-visible dans globals.css pour tous les éléments interactifs.
3.1.1 — Langue de la page (A)
lang='fr' défini sur l'élément html racine.
3.3.1 — Identification des erreurs (A)
Les formulaires (newsletter) identifient les erreurs par texte mais n'utilisent pas aria-invalid systématiquement.
4.1.2 — Nom, rôle, valeur (A)
Les modales ont role='dialog' + aria-modal + aria-label. Les boutons ont aria-label quand ils ne contiennent que des icônes. Le bandeau cookie a role='dialog' + aria-live.
4.1.3 — Messages de statut (AA)
Les notifications dynamiques (recherche en temps réel) n'ont pas encore de région aria-live dédiée.
Non-conformités connues
1.4.3 — Contraste minimum (AA)
Les couleurs de texte secondaire #94A3B8 (ratio ~2.8:1) et #CBD5E1 (ratio ~1.8:1) utilisées pour les métadonnées, labels d'aide et raccourcis clavier ne satisfont pas le seuil de 4.5:1 pour le texte normal. Ces textes ne transportent pas d'information critique.
2.4.3 — Ordre de focus / Piège de focus (A)
La modale de recherche globale ne piège pas le focus à l'intérieur. Un utilisateur clavier peut Tab hors de la modale sans la fermer. Contournement : Échap ferme la modale à tout moment.
1.2.x — Médias temporels
Aucune vidéo ni audio n'est présent sur le site à ce jour. Critère non applicable mais à surveiller si des formats vidéo sont ajoutés.
Stack technique
Le site Data Universe est construit avec Next.js 14 (App Router, server components), TypeScript et du CSS via variables custom sans framework UI externe. La conformité WCAG repose sur : HTML5 sémantique, ARIA attributes natifs, CSS :focus-visible, et les attributs natifs des composants React.
Signaler un problème d'accessibilité
Si vous rencontrez une difficulté pour accéder à un contenu ou une fonctionnalité du site, merci de nous le signaler. Nous nous engageons à traiter votre demande dans les meilleurs délais.
Contacter l'équipe →Cette déclaration a été établie en juin 2026 sur la base d'un auto-audit des critères WCAG 2.1 niveaux A et AA. Elle sera mise à jour lors de chaque évolution significative du site.