A document the product hands over: read on screen with a summary beside it, printed with a cover, a table of contents and a header on every page. The page writes the sections; the frame owns the paper.
The pattern, live
Rapport d'audit d'accessibilité
Boutique GreenShop
https://greenshop.example.com
Référentiel
RGAA 4.1.2
Date de l'audit
15 mars 2026
Audit réalisé par
Agence WebAccess
Ce rapport est accompagné de sa grille d'audit, placée en annexe.
Rapport d'audit RGAA, Audit initial, mars 2026
Boutique GreenShop, RGAA 4.1.2
Rapport d'audit
Audit initial, mars 2026, RGAA 4.1.2
Information :Rapport provisoire
Trois critères restent à trancher sur la fiche produit. Le taux publié le sera après.
Introduction
Ce rapport présente les résultats de l'audit d'accessibilité mené sur un échantillon de trois pages, selon la version 4.1.2 du référentiel général d'amélioration de l'accessibilité.
Contexte
Site audité
Boutique GreenShop
Échantillon
3 pages
Outils
RGAA Lab, NVDA 2025.1, Firefox 143
Synthèse
Les pages de l'échantillon, leurs non-conformités et leur taux
Page
Non conformes
Taux
Accueil https://greenshop.example.com/
4
88 %
Fiche produit https://greenshop.example.com/produit/12
7
81 %
Panier https://greenshop.example.com/panier
3
91 %
Description des erreurs d'accessibilité
Chaque thématique est introduite par ce qu'elle exige, puis par les critères non conformes relevés, avec la page, le sélecteur et la capture.
1. Images
1.1 Chaque image porteuse d'information a-t-elle une alternative textuelle ?
Sur la fiche produit, la photo principale n'a pas d'attribut alt. Un lecteur d'écran annonce le nom du fichier.
Fiche produit, main .product-gallery img:first-child
Capture 1. La photo principale, telle que l'auditeur l'a vue.
Déclaration d'accessibilité
La déclaration est un document distinct, publié sur le site audité. Elle reprend le taux et la liste des non-conformités du rapport.
How it works
The page writes the plan once, as ids and labels, and gives its sections the same ids. The frame renders the plan twice: the summary on screen, a navigation landmark sticky beside the document on a wide screen, and the table of contents on paper, another landmark with its heading. Neither can lie about the sections.
The cover, the rights page and the table of contents exist on paper only. On screen the cover is hidden and aria-hidden, since the head and the breadcrumb say the same thing.
A section that starts a part carries rl-report__part: a page break before it on paper, nothing on screen. A block that must not be split across two pages carries rl-report__keep.
The frame owns the page rules: the margins, the header repeated on every page, the widows and orphans, headings that never stay alone at the foot of a page, table headers repeated, the address printed after a link that goes out. The page's stylesheet has no print rule.
The actions and the notice are the screen's: print, export, a status region. Paper never shows them.
Another artefact, the declaration, is not inside the document: the summary points at it with an extra entry, shown after.
Rules a page that copies it keeps
The sections' headings are the plan's labels, verbatim, and the document's h1 is the title on screen; the outline is the sections' own headings, with their sizes chosen by level.
A table in the document takes the report variant and a caption, hidden when the heading above already names it.
A selector or an address is inline code, so it wraps at the slash and keeps its spaces.
A capture is a figure with its caption; it keeps its natural size, and opens in a new window when it is bigger than the column, which the link's name says.
A status in the document is a word in the status ink, never the ink alone.
Print a page from a dark session and it is the paper set: the theme is the screen's.