01
Perceptible
Contrasted text (at least 4.5:1), described images, information never conveyed by color alone
Accessibility
Accessibility statement.
This site aims for clear navigation accessible to everyone.
Legal compliance & digital accessibility
Institutional compliance statement
Nathan Gabriele is committed to making his web services and application ecosystems fully accessible, in compliance with Article 47 of French law n° 2005-102 of February 11, 2005 on equal rights and opportunities, participation and citizenship of people with disabilities.
Overall legal compliance index: 100% validated
The audit performed on the ngabriele.fr domain infrastructure attests to full alignment with the performance criteria of the French General Framework for Accessibility Improvement (RGAA version 5.0).
Technology pillars of the inclusive ecosystem
Enhanced Keyboard Focus
Each interactive element features a high‑contrast focus outline, ensuring a constant visual cue during sequential keyboard navigation (Tab).
Structured Semantics WAI-ARIA
Strict hierarchy based on native HTML5 roles and dynamic ARIA attributes, providing a reliable information bridge to voice‑assistive technologies.
Cognitive Load Reduction
The layout avoids any uncontrolled timed interaction and offers a global switch to disable animations.
Scheme
How the site adapts to you
No matter how you navigate, the same page goes through three technical layers that make it usable.
- Keyboard Navigation Visible focus, logical order
- Screen Reader Titles, landmarks and voice announcements
- Zoom at 200 % Fluid layout, no loss
- Reduced motion Animations automatically frozen
- Color blindness Never convey information by color alone
WCAG 2.2
The 4 principles, demonstrated
Accessibility rules boil down to four principles. Here's what each one changes concretely on this site.
02
Usable
Everything can be done via keyboard: the focus outline always shows where you are, in a logical order.
03
Understandable
Clear labels, errors explained in full with an example, predictable behavior.
04
Robust
Standard HTML and ARIA attributes : browsers, screen readers and assistive tools read the page without ambiguity.
Digital inclusion lab
Visual simulation console
Test this site's adaptability against the main alterations of visual perception, in real time.
RGAA 5.0 criteria register
Assessment matrix indexing all mandatory regulatory topics.
| # | Topic | Specification & resolution | Status |
|---|---|---|---|
| 1 | Images | Each meaningful image includes an explicit alternative attribute (alt). Purely decorative elements are excluded via aria-hidden="true". | Compliant |
| 2 | Frames (iframes) | All inline integration frames have a title attribute that precisely describes the hosted content. | Compliant |
| 3 | Colors | No information is conveyed solely by color. Contrast ratios exceed the required thresholds (minimum 4.5:1). | Compliant |
| 4 | Multimedia | Time‑based media provide transcripts or synchronized captions that can be enabled on demand. | Compliant |
| 5 | Data Tables | Each complex data table has clear header cells (th) associated via scope attributes. | Compliant |
| 6 | Hyperlinks | The label of each link unambiguously announces its destination, out of context or via an aria-label attribute. | Compliant |
| 7 | Scripts and Interactions | Complex components (modals, dropdown menus) autonomously manage keyboard focus trapping and transfer. | Compliant |
| 8 | Required Elements | The HTML5 structure passes W3C validation filters without critical tag‑overlap errors. | Compliant |
| 9 | Structuring | The heading hierarchy (h1‑h4) follows a strict nesting logic with no arbitrary skips. | Compliant |
| 10 | CSS Presentation | Style sheets preserve reading integrity and prevent text overlap when zoomed to 200 %. | Compliant |
| 11 | Forms | All input fields have associated label elements linked by a unique identifier. | Compliant |
| 12 | Navigation | Multiple access channels to site sections (global menu, breadcrumb trail, skip links). | Compliant |
| 13 | Consultation | Every downloadable document (PDF) has an accessible internal structure or a textual alternative. | Compliant |
No topic matches your search.
Clarifications
Frequently asked questions
The General Reference for Accessibility Improvement version 5.0 is the official control framework in France for auditing the conformity of a digital service to international WCAG standards. Its application ensures that every visitor, regardless of physical, motor or cognitive condition, can explore all content without access barriers.
Screen readers (NVDA, JAWS, VoiceOver) are guided by structural navigation landmarks (main, header, nav tags). Dynamic announcement regions (aria-live="polite") inform the user of a state change without interrupting their current reading.
Continuous improvement is part of my practice: you can report an accessibility issue at any time via the contact form or by email, so a fix can be deployed quickly.
Need an alternative or want to report an issue?
Despite the care taken in developing this site, if an obstacle disrupts your browsing, feel free to request an alternative.
Report an issue →Live in-page test
Accessibility console
Instantly enable visual and cognitive comfort filters directly on this page.
Text size:
Preview area: effects apply to the whole page
Example heading
This is an example paragraph representative of the text used to preview the impact of typographic adjustments on reading.
Example navigation link