01
Perceptible
Textes contrastés (au moins 4,5:1), images décrites, informations jamais transmises par la seule couleur.
Accessibilité
Déclaration d'accessibilité.
Ce site vise une navigation claire et accessible au plus grand nombre.
Conformité légale & accessibilité numérique
Déclaration de conformité institutionnelle
Nathan Gabriele s'engage à rendre ses services et écosystèmes applicatifs web pleinement accessibles, en conformité avec l'article 47 de 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.
Index de conformité légale globale : 100% validé
L'audit réalisé sur l'infrastructure du domaine ngabriele.fr atteste d'une adéquation totale avec les critères de performance du Référentiel Général d'Amélioration de l'Accessibilité (RGAA version 5.0).
Piliers technologiques de l'écosystème inclusif
Focus Clavier Renforcé
Chaque élément interactif dispose d’un encadré de focus à fort contraste, garantissant un repère visuel constant en navigation séquentielle au clavier (Tab).
Sémantique Structurée WAI-ARIA
Arborescence stricte basée sur les rôles HTML5 natifs et les attributs ARIA dynamiques, pour un pont d’information fiable vers les technologies d’assistance vocales.
Allègement Cognitif
La mise en page évite toute interaction chronométrée non contrôlée et propose un commutateur global de désactivation des animations.
Schéma
Comment le site s'adapte à vous
Quelle que soit votre façon de naviguer, la même page passe par trois couches techniques qui la rendent utilisable.
- Navigation au clavier Focus visible, ordre logique
- Lecteur d'écran Titres, repères et annonces vocales
- Zoom à 200 % Mise en page fluide, sans perte
- Mouvement réduit Animations figées automatiquement
- Daltonisme Jamais d'info par la couleur seule
WCAG 2.2
Les 4 principes, en démonstration
Les règles d'accessibilité se résument à quatre principes. Voici ce que chacun change concrètement sur ce site.
02
Utilisable
Tout se fait au clavier : le contour de focus montre toujours où vous êtes, dans un ordre logique.
03
Compréhensible
Libellés clairs, erreurs expliquées en toutes lettres avec un exemple, comportement prévisible.
04
Robuste
Du HTML standard et des attributs ARIA : navigateurs, lecteurs d'écran et outils d'assistance lisent la page sans ambiguïté.
Laboratoire d'inclusion numérique
Console de simulation visuelle
Testez l'adaptabilité de ce site face aux principales altérations de la perception visuelle, en temps réel.
Registre des critères RGAA 5.0
Matrice d'évaluation indexant l'ensemble des thématiques réglementaires.
| # | Thématique | Spécification & résolution | Statut |
|---|---|---|---|
| 1 | Images | Chaque image porteuse de sens intègre un attribut de substitution explicite (alt). Les éléments purement décoratifs sont exclus via aria-hidden="true". | Conforme |
| 2 | Cadres (iframes) | Tous les cadres d’intégration en ligne possèdent un attribut title décrivant précisément la nature du contenu hébergé. | Conforme |
| 3 | Couleurs | Aucune donnée n’est transmise uniquement par un code couleur. Les ratios de contraste dépassent les seuils d’exigence (minimum 4.5:1). | Conforme |
| 4 | Multimédia | Les contenus temporels disposent de transcriptions ou de sous-titres synchronisés, activables à la demande. | Conforme |
| 5 | Tableaux de données | Chaque tableau de données complexe possède des en-têtes clairs (th) associés via des attributs scope. | Conforme |
| 6 | Liens hypertextes | Le libellé de chaque lien annonce sans ambiguïté sa destination, hors contexte ou via un attribut aria-label. | Conforme |
| 7 | Scripts et interactions | Les composants complexes (modales, menus déroulants) gèrent de façon autonome le piégeage et le transfert du focus clavier. | Conforme |
| 8 | Éléments obligatoires | La structure HTML5 passe les filtres de validation W3C sans erreur critique de chevauchement de balises. | Conforme |
| 9 | Structuration | La hiérarchie des titres (h1 à h4) respecte une logique d’imbrication stricte, sans saut arbitraire. | Conforme |
| 10 | Présentation CSS | Les feuilles de style préservent l’intégrité de lecture et évitent toute superposition de texte lors d’un zoom à 200%. | Conforme |
| 11 | Formulaires | Tous les champs de saisie possèdent des étiquettes label associées par identifiant unique. | Conforme |
| 12 | Navigation | Plusieurs canaux d’accès aux sections du site (menu global, fil d’Ariane, liens d’évitement). | Conforme |
| 13 | Consultation | Tout document téléchargeable (PDF) possède une structure interne accessible ou un substitut textuel. | Conforme |
Aucune thématique ne correspond à votre recherche.
Clarifications
Foire aux questions
Le Référentiel Général d’Amélioration de l’Accessibilité version 5.0 est la grille de contrôle officielle en France pour auditer la conformité d’un service numérique aux normes internationales WCAG. Son application garantit que chaque visiteur, quelle que soit sa condition physique, motrice ou cognitive, peut explorer l’ensemble du contenu sans barrière d’accès.
Les lecteurs d’écran (NVDA, JAWS, VoiceOver) sont guidés par des repères structurels de navigation (balises main, header, nav). Des zones d’annonce dynamiques (aria-live="polite") informent l’utilisateur d’un changement d’état sans perturber sa lecture en cours.
L’amélioration continue fait partie de ma pratique : vous pouvez signaler un problème d’accessibilité à tout moment via le formulaire de contact ou par email, afin qu’un correctif soit déployé rapidement.
Besoin d'une alternative ou d'un signalement ?
Malgré le soin apporté au développement de ce site, si un obstacle venait à perturber votre navigation, n'hésitez pas à demander une alternative.
Signaler un problème →Test direct en page
Console d'accessibilité
Activez instantanément les filtres de confort visuel et cognitif directement sur cette page.
Taille du texte :
Zone de prévisualisation : les effets s'appliquent à toute la page
Exemple de titre
Ceci est un exemple de paragraphe représentatif pour prévisualiser l'impact des ajustements typographiques sur la lecture.
Exemple de lien de navigation