Skip to content

Commit

Permalink
AUT-2527: Update strategic app content for wrong password lockout
Browse files Browse the repository at this point in the history
Introduces strategic app specific content for this scenario. The approach
for the 'What you can do' section differs from that used in other tickets
(I've described the difference in a comment in the Jira ticket) so I've
tried to ensure a better semantics and screen reader experience by:

1. Including the content within a single paragraph (because neither of the
   separated lines could be considered paragraphs)
2. Introduced a hidden full stop so there is a pause between the link and
   and the next sentence
3. Introduced some CSS to achieve the desired line spacing presentation
  • Loading branch information
gtvj committed Dec 3, 2024
1 parent 6b697b1 commit d454b83
Show file tree
Hide file tree
Showing 4 changed files with 28 additions and 2 deletions.
7 changes: 7 additions & 0 deletions src/assets/scss/application.scss
Original file line number Diff line number Diff line change
Expand Up @@ -246,3 +246,10 @@
border-bottom: 0;
}
}

.strategic-app-retry-options {
a:first-child {
display: inline-block;
@include govuk-responsive-margin(2, "bottom");
}
}
10 changes: 9 additions & 1 deletion src/components/enter-password/index-sign-in-retry-blocked.njk
Original file line number Diff line number Diff line change
Expand Up @@ -16,11 +16,19 @@
<p class="govuk-body">{{'pages.signInRetryBlocked.paragraph' | translate}}</p>

<h2 class="govuk-heading-m">{{'pages.signInRetryBlocked.subHeader' | translate}}</h2>
{% if strategicAppChannel === true %}
<p class="govuk-body strategic-app-retry-options">
<a href="/reset-password-request" class="govuk-link">{{ 'mobileAppPages.signInRetryBlocked.whatCanYouDo.resetYourPassword' | translate }}</a>
<span class="govuk-visually-hidden">.</span><br>
{{ 'mobileAppPages.signInRetryBlocked.whatCanYouDo.waitAndTryAgain' | translate }}
</p>
{% else %}
<p class="govuk-body">{{'pages.signInRetryBlocked.bulletPointSection.title' | translate}}</p>
<ul class="govuk-list govuk-list--bullet">
<li><a href="/reset-password-request" class="govuk-link">{{'pages.signInRetryBlocked.bulletPointSection.first' | translate}}</a></li>
<li><a href="/reset-password-request" class="govuk-link">{{ 'pages.signInRetryBlocked.bulletPointSection.first' | translate }}</a></li>
<li>{{'pages.signInRetryBlocked.bulletPointSection.second' | translate}}</li>
</ul>
{% endif %}

{{ga4OnPageLoad({ nonce: scriptNonce, statusCode: "200", englishPageTitle: pageTitleName, taxonomyLevel1: taxonomyLevel1, taxonomyLevel2: taxonomyLevel2, contentId: "e020dd02-2f97-46f9-9b26-c98730c89d73", loggedInStatus: false, dynamic: false })}}
{% endblock %}
6 changes: 6 additions & 0 deletions src/locales/cy/translation.json
Original file line number Diff line number Diff line change
Expand Up @@ -210,6 +210,12 @@
"bulletPointSection": {
"second": "arhoswch am 2 awr, yna rhowch gynnig arall"
}
},
"signInRetryBlocked": {
"whatCanYouDo": {
"resetYourPassword": "Ailosod eich cyfrinair",
"waitAndTryAgain": "Gallwch hefyd aros am 2 awr, yna rhowch gynnig arall."
}
}
},
"pages": {
Expand Down
7 changes: 6 additions & 1 deletion src/locales/en/translation.json
Original file line number Diff line number Diff line change
Expand Up @@ -203,14 +203,19 @@
"paragraph1": "Use the same email address you used last time you signed in to this app. This is to keep your information secure.",
"enterYourEmailAddressError": "Enter the same email address you used last time you signed in to this app"
},

"accountCreated": {
"text": "Now continue to use the app."
},
"accountLocked": {
"bulletPointSection": {
"second": "wait 2 hours, then try again"
}
},
"signInRetryBlocked": {
"whatCanYouDo": {
"resetYourPassword": "Reset your password",
"waitAndTryAgain": "You can also wait 2 hours, then try again."
}
}
},
"pages": {
Expand Down

0 comments on commit d454b83

Please sign in to comment.