darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-08 06:38:26 -04:00
Code Issues Packages Projects Releases Wiki Activity

Radio buttons and list edits

Browse Source
This commit is contained in:
Jonathan Bobel
2023-08-25 15:31:44 -04:00
parent 8b3807da3c
commit 8ab550a22f
35 changed files with 2430 additions and 14966 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/templates/components/components/label/template.njk
View File

@@ -8,7 +8,7 @@
{% endset %}
{% if params.isPageHeading %}
<h1 class="govuk-label-wrapper">{{ labelHtml | safe | indent(2) }}</h1>
<h1 class="usa-radio__label-wrapper">{{ labelHtml | safe | indent(2) }}</h1>
{% else %}
{{ labelHtml | safe }}
{% endif %}

8
app/templates/components/components/radios/template.njk
View File

@@ -54,8 +54,8 @@
{%- else %}
{% set hasHint = true if item.hint.text or item.hint.html %}
{% set itemHintId = id + '-item-hint' %}
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="{{ id }}" name="{{ params.name }}" type="radio" value="{{ item.value }}"
<div class="usa-radio">
<input class="usa-radio__input" id="{{ id }}" name="{{ params.name }}" type="radio" value="{{ item.value }}"
{{-" checked" if item.checked }}
{{-" disabled" if item.disabled }}
{%- if item.conditional %} data-aria-controls="{{ conditionalId }}"{% endif -%}
@@ -64,14 +64,14 @@
{{ govukLabel({
html: item.html,
text: item.text,
classes: 'govuk-radios__label' + (' ' + item.label.classes if item.label.classes),
classes: 'usa-radio__label' + (' ' + item.label.classes if item.label.classes),
attributes: item.label.attributes,
for: id
}) | indent(6) | trim }}
{%- if hasHint %}
{{ govukHint({
id: itemHintId,
classes: 'govuk-radios__hint',
classes: 'usa-checkbox__label-description',
attributes: item.hint.attributes,
html: item.hint.html,
text: item.hint.text

2
app/templates/error/401.html
View File

@@ -3,7 +3,7 @@
{% block maincolumn_content %}
<div class="grid-row">
<div class="grid-col-8">
<h1>You’re not authorised to see this page</h1>
<h1>You’re not authorized to see this page</h1>
<p class="usa-body"><a class="usa-link" href="{{ url_for('main.sign_in' )}}">Sign in</a> to Notify.gov and try again.</p>
</div>
{% endblock %}

12
app/templates/views/accessibility_statement.html
View File

@@ -25,7 +25,7 @@
<p>
This website is run by the Public Benefits Studio team at the Technology Transformation Services within GSA. It is designed to be used by as many people as possible. You should be able to:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>change colors, contrast levels and fonts</li>
<li>zoom in up to 300% without the text spilling off the screen</li>
<li>navigate most of the website using just a keyboard</li>
@@ -46,7 +46,7 @@
<p>
We know some parts of this website are not fully accessible:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>the ‘upload a file’ button may cause issues for some users</li>
<li>if a team adds template folders, screen readers may announce the page heading in a confusing way</li>
<li>the ‘copy to clipboard’ button does not work with some screen readers</li>
@@ -103,7 +103,7 @@
The following content on the Notify website is not compliant with the WCAG version 2.1 AA standard:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>
the <abbr title="HyperText Markup Language">HTML</abbr> code for the ‘upload a file’ button may cause issues for assistive technology users - this fails <a class="usa-link" href="https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships">success criterion 1.3.1: info and relationships</a>
</li>
@@ -121,7 +121,7 @@
We’ve identified the following problems with the user interface:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>
the JAWS screen reader announces template folder page headings as multiple sentences
</li>
@@ -170,14 +170,14 @@
The following content on the <a class="usa-link" href="https://status.notifications.service.gov.uk/">Notify status page</a> is not compliant with the WCAG version 2.1 AA standard:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list">
<li>an incorrect heading hierarchy which fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#info-and-relationships">success criterion 1.3.1: info and relationships</a></li>
<li>missing level 1 headings (users may not be able to accurately determine the structure of content on the page)</li>
<li>our status incident page is missing the main heading and the status home page has an incorrect heading hierarchy – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#info-and-relationships">success criterion 1.3.1: info and relationships</a></li>
<li>our status page ‘subscribe to updates’ link does not contain programmatically discernible link text – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#info-and-relationships">success criterion 1.3.1: info and relationships</a></li>
<li>our status page subscribe to updates form fields do not contain an explicit label – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#info-and-relationships">success criterion 1.3.1: info and relationships</a></li>
<li>our status page subscribe to updates forms do not indicate to users that they are expandable or collapsible – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#name-role-value">success criterion 4.1.2: name, role, value</a></li>
<li>our status page subscribe to updates forms contain some text that does not meet the minimum colour contrast requirements – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#contrast-minimum">success criterion 1.4.3: contrast, minimum</a></li>
<li>our status page subscribe to updates forms contain some text that does not meet the minimum color contrast requirements – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#contrast-minimum">success criterion 1.4.3: contrast, minimum</a></li>
<li>our status page subscribe to updates form close link (x) is not descriptive enough for some users to determine its function or purpose – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#link-purpose-in-context">success criterion 2.4.4: link purpose, in context</a></li>
<li>our status page subscribe to updates forms, when submitted with incorrect data, do not inform screen reader users of the error message when it becomes available – this fails <a class="usa-link" href="https://www.w3.org/TR/WCAG21/#status-messages">success criterion 4.1.3: status messages</a></li>
</ul>

2
app/templates/views/add-service-local.html
View File

@@ -15,7 +15,7 @@
{{ page_header('About your service') }}
<p class="usa-body">Give your service a name that tells users what your messages are about, as well as who they’re from. For example:</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>School admissions – {{ current_user.default_organization.name }}</li>
<li>Electoral services – {{ current_user.default_organization.name }}</li>
<li>Blue Badge – {{ current_user.default_organization.name }}</li>

16
app/templates/views/cookies.html
View File

@@ -72,7 +72,7 @@
<p>
Google Analytics stores anonymized information about:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>how you got to Notify.gov</li>
<li>the pages you visit on Notify and how long you spend on them</li>
<li>any errors you see while using Notify</li>
@@ -114,7 +114,7 @@
<div class="cookie-settings__no-js">
<h2 class="govuk-heading-s">Do you want to accept analytics cookies?</h2>
<p>We use Javascript to set our analytics cookies. Unfortunately Javascript is not running on your browser, so you cannot change your settings. You can try:</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>reloading the page</li>
<li>turning on Javascript in your browser</li>
</ul>
@@ -127,15 +127,15 @@
Do you want to accept analytics cookies?
</legend>
<div class="govuk-radios govuk-radios--inline">
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="cookies-analytics-yes" name="cookies-analytics" type="radio" value="on">
<label class="govuk-label govuk-radios__label" for="cookies-analytics-yes">
<div class="usa-radio">
<input class="usa-radio__input" id="cookies-analytics-yes" name="cookies-analytics" type="radio" value="on">
<label class="usa-radio__label" for="cookies-analytics-yes">
Yes
</label>
</div>
<div class="govuk-radios__item">
<input class="govuk-radios__input" id="cookies-analytics-no" name="cookies-analytics" type="radio" value="off">
<label class="govuk-label govuk-radios__label" for="cookies-analytics-no">
<div class="usa-radio">
<input class="usa-radio__input" id="cookies-analytics-no" name="cookies-analytics" type="radio" value="off">
<label class="usa-radio__label" for="cookies-analytics-no">
No
</label>
</div>

2
app/templates/views/email-not-received.html
View File

@@ -22,7 +22,7 @@
<h2 class="font-body-lg">If your email address has changed</h2>
<p>You’ll need to:</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>find a member of your team who has permission to manage settings, team and usage</li>
<li>ask them to change the email address for your account</li>
<li>select <span class="usa-body bold">Resend email link</span></li>

2
app/templates/views/organizations/add-nhs-local-organization.html
View File

@@ -20,7 +20,7 @@
{{ form.organizations.label.text }}
</p>
{{ live_search(
target_selector='.govuk-radios__item',
target_selector='.usa-radio',
show=True,
form=search_form,
label='Search by name',

2
app/templates/views/organizations/organization/settings/set-email-branding.html
View File

@@ -26,7 +26,7 @@
<div class="grid-row">
<div class="grid-col-12">
{{ live_search(
target_selector='.govuk-radios__item',
target_selector='.usa-radio',
show=True,
form=search_form,
label='Search branding styles by name',

2
app/templates/views/pricing/billing-details-signed-out.html
View File

@@ -13,7 +13,7 @@
<a class="usa-link" href="{{ url_for('.sign_in', next=url_for('.billing_details')) }}">Sign in</a> to see our:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>supplier details</li>
<li>bank details</li>
<li>invoice address</li>

2
app/templates/views/pricing/billing-details.html
View File

@@ -38,7 +38,7 @@
Email addresses
</h3>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
{% for email in billing_details['notify_billing_email_addresses'] %}
<li>
{{ email }}

2
app/templates/views/privacy.html
View File

@@ -147,7 +147,7 @@
<p>
Google Analytics stores anonymised information about:
</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>how you got to Notify.gov</li>
<li>the pages you visit on Notify and how long you spend on them</li>
<li>any errors you see while using Notify</li>

2
app/templates/views/service-settings/link-service-to-organization.html
View File

@@ -19,7 +19,7 @@
{{ page_header(page_title) }}
{{ live_search(
target_selector='.govuk-radios__item',
target_selector='.usa-radio',
show=True, form=search_form,
label='Search by name',
autofocus=True

2
app/templates/views/service-settings/name-local.html
View File

@@ -17,7 +17,7 @@
{{ page_header('Change your service name') }}
<p class="usa-body">Your service name should tell users what the message is about as well as who it’s from. For example:</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>School admissions - {{ current_service.organization.name or current_user.default_organization.name }}</li>
<li>Electoral services - {{ current_service.organization.name or current_user.default_organization.name }}</li>
<li>Blue Badge - {{ current_service.organization.name or current_user.default_organization.name }}</li>

2
app/templates/views/service-settings/set-email-branding.html
View File

@@ -26,7 +26,7 @@
<div class="grid-row">
<div class="grid-col-12">
{{ live_search(
target_selector='.govuk-radios__item',
target_selector='.usa-radio',
show=True,
form=search_form,
label='Search branding styles by name',

2
app/templates/views/templates/_template.html
View File

@@ -1,6 +1,6 @@
{% from "components/banner.html" import banner_wrapper %}
<div class="grid-col-12 template-container">
<div class="grid-col-12 template-container margin-bottom-4">
{{ template|string }}
</div>
<div class="grid-col-12">

3
app/templates/views/templates/set-sender.html
View File

@@ -19,8 +19,7 @@
'fieldset': {
'legend': {
'isPageHeading': True,
'text': sender_context.title,
'classes': 'govuk-fieldset__legend--l grid-col-12'
'text': sender_context.title
}
},
'classes': 'grid-col-9'

3
app/templates/views/templates/set-template-sender.html
View File

@@ -21,8 +21,7 @@
'fieldset': {
'legend': {
'isPageHeading': True,
'text': page_title,
'classes': 'govuk-fieldset__legend--l grid-col-12'
'text': page_title
}
},
'classes': 'grid-col-9'

2
app/templates/views/verification-not-received.html
View File

@@ -22,7 +22,7 @@
<h2 class="font-body-lg">If your mobile number has changed</h2>
<p>You’ll need to:</p>
<ul class="govuk-list govuk-list--bullet">
<ul class="usa-list usa-list--bullet">
<li>find a member of your team who has permission to manage settings, team and usage</li>
<li>ask them to change the mobile number for your account</li>
<li>select <span class="usa-body bold">Resend security code</span></li>