Title and H1 not announcing on confirmation loader or page

[srtalbot]

Previously we were setting the H1 on the confirmation page so that clients building forms could not update it and there would always be a consistent announcement for screen reader users.

Neither the Title nor H1 are set, focused, or announced for confirmation pages. Here is a test form on production.

Acceptance criteria:

• Provide a set title or H1 for screen reader users that announces the form submission is complete.
• The announcement must be generic so that it will apply to any type of form (e.g., a survey, an application, a service, etc.)
• Announce the loader that comes while the form is being submitted.
• Identify when the regression came in
• Identify an automated testing plan to prevent future regressions.

[timarney]

Tracked back to this commit 99886ce11

See:
99886ce11#diff-b37a1d64831df182c5c1c25df7c76c9741ea896eeef904c4242f488f508e47eaR10

[srtalbot]

Options

1. Create a H1 field in the form builder
2. Set H2s on existing forms to an H1
3. Provide an automatic Title

Option 3:

• Review the code to provide a generic "confirmation" message that is NOT "Thank you for your submission"
• Add a consistent title to every confirmation page.
• How to we display "Your submission has been received" for the gov-user in the form builder?
• Add the text in "test" view as well.
• Slight down-side: There may be some duplication of content if the form builder has added the same message in the body of their text.
• Review the existing form templates to search for this text in existing forms on their confirmation page.
• Check how many forms even have an H2

[samsadasivan]

PROPOSAL: Default confirmation message.

For the confirmation message, we can make it visually explicit or as a descriptor in the card itself. The Review page is the only element that is similar.

Review page:

• no editable content, therefore there is no way to interact with it in the /Translation page and /Question page, but you can view in the /Logic page

Confirmation page:

• has editable content, but with the title being default or locked. You can't remove it and its not its "own" rich text card.

We can either design it to be explicit or implicit.

Explicit:

• Visually represented in the card, using the tag component (similar to the tags in /Forms)
• Doesn't show up in the /Translation view
• Shows up in the /Logic view within the "End" Section

Implicit

• Added as part of the descriptor to the current confirmation message card
• Not a part of /Translation view
• Not a part of /Logic view

[samsadasivan]

Explicit:

[samsadasivan]

Implicit:

[samsadasivan]

[samsadasivan]

Update :)

[samsadasivan]

[samsadasivan]

EN: Your form has been submitted --- Section title
FR: Votre formulaire a été soumis --- Titre de la section

[samsadasivan]

SORRY - Work can be found under the CL file

Conditional Logic MVP/ 🟡 Right panel (dev test)/ Section: Monday May 21 notes -> "Title and H1 not announcing on confirmation loader or page"

[timarney]

Note:

We had a cypress test in place to detect that the H1 was present.

✅ The test was passing

But ...

The fixture data wasn't accurate. Forms published using the builder don't allow confirmation to be empty.

---

The fixture data used by the test has empty strings.

[timarney]

Merged to staging.

[Abi-Nada]

@Abi-Nada and @samsadasivan to test and confirm

[Abi-Nada]

Tested and can be closed!