molecule · stable · extension · since 2026-09
ReviewFlag
Purpose
An answer to review: the element changed since it was given, so the answer is shown but does not count until the auditor confirms it.
When to use, when not
Use it under the element’s summary in a wizard that resumed, for an element the resume module marked to review. Not for an element gone; the banner says that.
Anatomy
- The title: the drawing and “À revérifier, la page a changé depuis votre réponse”.
- What changed, one line each.
- The note: the answer as words, and why it does not count yet.
- The confirm button, named with the element.
Props
| Name | Type | Default | What it does |
|---|---|---|---|
label | string | The element: "Photo du produit". | |
answer? | string | undefined | The answer as words: "6.1 conforme, 6.2 conforme". | |
differences? | string[] | [] | What changed, one sentence each. |
onconfirm | () => void | ||
class? | string | '' | Layout classes only. |
States
With the differences, and without them.
bare
Light
À revérifier, la page a changé depuis votre réponse
Votre réponse est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
Dark
À revérifier, la page a changé depuis votre réponse
Votre réponse est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
320 px, light
À revérifier, la page a changé depuis votre réponse
Votre réponse est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
320 px, dark
À revérifier, la page a changé depuis votre réponse
Votre réponse est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
216 px, light
À revérifier, la page a changé depuis votre réponse
Votre réponse est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
Forced colours, captured
withDifferences
What changed, one line each, then the answer and why it does not count yet.
Light
À revérifier, la page a changé depuis votre réponse
- Le texte alternatif a changé.
- La source de l’image a changé.
Votre réponse(1.1 conforme, 1.3 conforme) est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
Dark
À revérifier, la page a changé depuis votre réponse
- Le texte alternatif a changé.
- La source de l’image a changé.
Votre réponse(1.1 conforme, 1.3 conforme) est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
320 px, light
À revérifier, la page a changé depuis votre réponse
- Le texte alternatif a changé.
- La source de l’image a changé.
Votre réponse(1.1 conforme, 1.3 conforme) est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
320 px, dark
À revérifier, la page a changé depuis votre réponse
- Le texte alternatif a changé.
- La source de l’image a changé.
Votre réponse(1.1 conforme, 1.3 conforme) est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
216 px, light
À revérifier, la page a changé depuis votre réponse
- Le texte alternatif a changé.
- La source de l’image a changé.
Votre réponse(1.1 conforme, 1.3 conforme) est affichée mais ne compte pas tant que vous ne l’avez pas confirmée : le critère ne peut pas conclure « conforme » sur un élément qui n’est plus le même.
Forced colours, captured
Accessibility contract
- Role and name: a block of text and one
button, “Confirmer ma réponse pour « Photo du produit »“. - Keyboard, focus: the button.
- Live regions: none.
Content rules
French. The differences are the resume module’s sentences (“le texte alternatif a changé”); the answer is the criteria with their words, in the referential’s order.
Do and don’t
- Do name the element in the button: a screen can show several flags.
- Do not confirm on the auditor’s behalf after a delay.
Examples
<ReviewFlag label="Photo du produit" answer="1.1 conforme, 1.3 conforme" differences={['Le texte alternatif a changé.']} onconfirm={confirm} />Surfaces
- Extension: every inventory wizard.
Related
ResumeBanner, AnswerButtons, JumpList.
Decisions
- 2026-09-26: the answer’s criteria are listed in the referential’s order, as the old flag did: “6.2 conforme, 6.1 conforme” cast doubt on the rest.
Criteria held by construction
- 3.1, Dans chaque page web, l'information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?
The flag is the word À revérifier and the drawing; the attention ink on the line only confirms it. - 7.1, Chaque script est-il, si nécessaire, compatible avec les technologies d'assistance ?
Confirming is a real button, named with the element and the answer, since Confirmer alone names nothing.
Tokens it reads
- Colour:
--rl-attention,--rl-ink,--rl-ink-soft,--rl-sunken - Typography:
--rl-text-sm - Spacing:
--rl-space-2,--rl-space-3,--rl-space-5 - Layout:
--rl-radius