a11y - 27851/27860/27850: Fix wording and figure captions.

public/locales/en/landing.json

@@ -6,22 +6,10 @@
   },
   "header": "Reference number",
   "receipt-image-1": {
-    "alt": "Official receipt",
-    "descriptive-text": "<strong>An example of an official receipt. The reference number is circled in the middle of the receipt, above a barcode.</strong>",
+    "alt": "An example of an official receipt. The reference number is located in the centre, above a barcode.",
+    "descriptive-text": "<strong>Below the applicant name, you will find a 9-digit numeric reference number, above a barcode.</strong>",
     "src": "/receipt-1-en.png",
-    "title": "Example 1 - Official receipt"
-  },
-  "receipt-image-2": {
-    "alt": "Alternative official receipt.",
-    "descriptive-text": "<strong>An example of an official receipt. The file number is circled in the centre of the receipt.</strong>",
-    "src": "/receipt-2-en.png",
-    "title": "Example 2 - Alternative official receipt"
-  },
-  "receipt-image-3": {
-    "alt": "Alternative official receipt and pick-up slip.",
-    "descriptive-text": "<strong>An example of an official receipt and pick-up slip. The file number is circled in the upper left-hand side of the receipt, above a barcode.</strong>",
-    "src": "/receipt-3-en.png",
-    "title": "Example 3 - Alternative official receipt and pick-up slip"
+    "title": "Example - Official receipt"
   },
   "where-to-find": {
     "header": "Where to find your reference number",
@@ -31,7 +19,7 @@
     },
     "applied-in-person": {
       "header": "If you applied in person",
-      "text": "If you applied for your passport in person, the reference number can be found on the receipt you were given. Here are some examples of receipts, and where they contain the reference number:"
+      "text": "If you applied for your passport in person, the reference number can be found on the receipt you were given. Below is an example of a receipt, and where it contains the reference number. Please note that the format of the receipt and reference number may vary."
     }
   },
   "if-lost": {

public/locales/en/status.json

@@ -34,7 +34,7 @@
     "error": {
       "required": "The given name(s) is required."
     },
-    "help-message": "Enter first name(s) <strong>and any middle name(s)</strong> of the person who the passport is for.",
+    "help-message": "Enter first name(s) <strong>and any middle name(s)</strong> of the person who the passport is for. <strong>Make sure the information you enter matches your passport application.</strong>",
     "label": "Given name(s)"
   },
   "header": "Get the status of your passport application",
@@ -116,7 +116,7 @@
     "error": {
       "required": "The surname is required."
     },
-    "help-message": "Enter last name of the person who the passport is for.",
+    "help-message": "Enter last name of the person who the passport is for. <strong>Make sure the information you enter matches your passport application.</strong>",
     "label": "Surname"
   }
 }

public/locales/fr/landing.json

@@ -6,22 +6,10 @@
   },
   "header": "Numéro de référence",
   "receipt-image-1": {
-    "alt": "Reçu officiel.",
-    "descriptive-text": "<strong>Un exemple de reçu officiel. Le numéro de référence est encerclé au centre du reçu, au-dessus d'un code-barres.</strong>",
+    "alt": "Un exemple de reçu officiel. Le numéro de référence est au centre du reçu, au-dessus d'un code-barres.",
+    "descriptive-text": "<strong>Sous le nom du requérant, vous trouverez un numéro de référence numérique à 9 chiffres, au-dessus d'un code-barres.</strong>",
     "src": "/receipt-1-fr.png",
-    "title": "Exemple 1 - Reçu officiel"
-  },
-  "receipt-image-2": {
-    "alt": "Reçu officiel alternatif.",
-    "descriptive-text": "<strong>Exemple de reçu officiel. Le numéro de dossier est encerclé au centre du reçu.</strong>",
-    "src": "/receipt-2-fr.png",
-    "title": "Exemple 2 - Reçu officiel alternatif"
-  },
-  "receipt-image-3": {
-    "alt": "Reçu officiel et bordereau de cueillette alternatif.",
-    "descriptive-text": "<strong>Exemple d'un reçu officiel et bordereau de cueillette. Le numéro de dossier est encerclé en haut à gauche du reçu, au-dessus d'un code-barres.</strong>",
-    "src": "/receipt-3-fr.png",
-    "title": "Exemple 3 - Reçu officiel et bordereau de cueillette alternatif"
+    "title": "Exemple - Reçu officiel"
   },
   "where-to-find": {
     "header": "Où trouver votre numéro de référence",
@@ -31,7 +19,7 @@
     },
     "applied-in-person": {
       "header": "Si vous avez présenté votre demande en personne",
-      "text": "Si vous avez présenté votre demande en personne, le numéro de référence se trouve sur le reçu qui vous a été remis. Voici quelques exemples de reçus et les endroits où ils contiennent le numéro de référence\u00a0:"
+      "text": "Si vous avez présenté votre demande en personne, le numéro de référence se trouve sur le reçu qui vous a été remis. Vous trouverez ci-dessous un exemple de reçu et l'endroit où il contient le numéro de référence. Veuillez noter que le format du reçu et le numéro de référence peuvent varier."
     }
   },
   "if-lost": {

public/locales/fr/status.json

@@ -34,7 +34,7 @@
     "error": {
       "required": "Le(s) prénom(s) est(sont) obligatoire(s)."
     },
-    "help-message": "Indiquez le(s) prénom(s) <strong>et le(s) deuxième(s) prénom(s)</strong> de la personne à qui le passeport est destiné.",
+    "help-message": "Indiquez le(s) prénom(s) <strong>et le(s) deuxième(s) prénom(s)</strong> de la personne à qui le passeport est destiné. <strong>Assurez-vous que les informations que vous indiquez correspondent à votre demande de passeport.</strong>",
     "label": "Prénom(s)"
   },
   "header": "Obtenir l'état de votre demande de passeport",
@@ -116,7 +116,7 @@
     "error": {
       "required": "Le nom de famille est obligatoire."
     },
-    "help-message": "Indiquez le nom de famille de la personne à qui le passeport est destiné.",
+    "help-message": "Indiquez le nom de famille de la personne à qui le passeport est destiné. <strong>Assurez-vous que les informations que vous indiquez correspondent à votre demande de passeport.</strong>",
     "label": "Nom de famille"
   }
 }

src/pages/status.tsx

@@ -219,9 +219,6 @@ const Status = () => {
             {t('header')}
           </h1>
           <form onSubmit={handleFormikSubmit} id="form-get-status" noValidate>
-            <p className="max-w-prose">
-              <Trans i18nKey="header-messages.matches" ns="status" />
-            </p>
             <p>
               <Trans i18nKey="header-messages.required" ns="status" />
             </p>
@@ -292,7 +289,9 @@ const Status = () => {
                 }
                 textRequired={t('common:required')}
                 required
-                helpMessage={t('surname.help-message')}
+                helpMessage={
+                  <Trans i18nKey="surname.help-message" ns="status" />
+                }
               />
             </div>
             <div className="mt-8">