From eac33f731f8adad47bd963e7c9edb123295a46b4 Mon Sep 17 00:00:00 2001 From: Chris Elliott Date: Tue, 1 Sep 2026 12:45:43 +0100 Subject: [PATCH] CCM-22423: Accessibility fixes --- docs/_data/home/heading.yml | 3 +-- docs/_includes/components/image-with-caption.html | 4 ++-- docs/pages/about/emails.md | 1 - docs/pages/about/letters.md | 1 - docs/pages/about/nhs-app-messages.md | 3 --- docs/pages/about/text-messages.md | 1 - docs/pages/using-nhs-notify/message-status.md | 4 ---- .../tell-recipients-who-your-messages-are-from.md | 6 +++--- 8 files changed, 6 insertions(+), 17 deletions(-) diff --git a/docs/_data/home/heading.yml b/docs/_data/home/heading.yml index 0f7d3c3..ab737e3 100644 --- a/docs/_data/home/heading.yml +++ b/docs/_data/home/heading.yml @@ -2,5 +2,4 @@ heading: Send NHS App messages, emails, texts and letters to patients and the pu description: | You can use NHS Notify if you work in or with NHS England to support patient care. image: landing-main-image-2.svg -image_alt: | - "" +image_alt: "" diff --git a/docs/_includes/components/image-with-caption.html b/docs/_includes/components/image-with-caption.html index 58703cd..e2bd063 100644 --- a/docs/_includes/components/image-with-caption.html +++ b/docs/_includes/components/image-with-caption.html @@ -1,9 +1,9 @@
{% assign src = '/assets/images/' | prepend: site.baseurl | append: include.src %} {% if include.src contains 'https://' %} - {{ include.alt | xml_escape }} + {{ include.alt | xml_escape }} {% else %} - {{ include.alt | xml_escape }} + {{ include.alt | xml_escape }} {% endif %} {% if include.caption %}
diff --git a/docs/pages/about/emails.md b/docs/pages/about/emails.md index e75a323..9b36205 100644 --- a/docs/pages/about/emails.md +++ b/docs/pages/about/emails.md @@ -15,7 +15,6 @@ Use NHS Notify to send free unlimited emails to patients and members of the publ {% include components/image-with-caption.html src="nhs-notify-email-example.svg" - alt="A screenshot of an email sent by NHS Notify." caption="An example of an email sent by NHS Notify." %} diff --git a/docs/pages/about/letters.md b/docs/pages/about/letters.md index 16d6098..0091ce6 100644 --- a/docs/pages/about/letters.md +++ b/docs/pages/about/letters.md @@ -15,7 +15,6 @@ You can use NHS Notify to print and send letters to patients and members of the {% include components/image-with-caption.html src="nhs-notify-letter-two-sides-example.svg" - alt="An image showing both sides of a letter sent by NHS Notify" caption="An example of a black and white double-sided letter sent by NHS Notify." %} diff --git a/docs/pages/about/nhs-app-messages.md b/docs/pages/about/nhs-app-messages.md index 7bd134f..20a150f 100644 --- a/docs/pages/about/nhs-app-messages.md +++ b/docs/pages/about/nhs-app-messages.md @@ -15,7 +15,6 @@ Send free messages of up to 5,000 characters to patients and members of the publ {% include components/image-with-caption.html src="nhs-notify-nhs-app-example-2.svg" - alt="A screenshot of an opened message in the NHS App inbox." caption="An example of a message sent with the NHS App." %} @@ -49,7 +48,6 @@ To protect recipients, banner notifications pushed by the NHS App do not include {% include components/image-with-caption.html src="nhs-notify-nhs-app-banner-notification.svg" - alt="An image of 2 mobile devices side by side showing an example banner notification for both iPhone and Android devices pushed by the NHS App." caption="An example of a banner notification pushed to an iPhone and an Android device by the NHS App." %} @@ -59,7 +57,6 @@ When a recipient receives a NHS App message, a badge notification will appear on {% include components/image-with-caption.html src="nhs-notify-nhs-app-badge-notification.svg" - alt="A screenshot of the NHS App icon with a red badge showing 1 notification." caption="An example of a badge notification pushed by the NHS App when a message is sent to a recipient’s NHS App inbox." %} diff --git a/docs/pages/about/text-messages.md b/docs/pages/about/text-messages.md index 392e2c1..fa598c1 100644 --- a/docs/pages/about/text-messages.md +++ b/docs/pages/about/text-messages.md @@ -15,7 +15,6 @@ Use NHS Notify to send text messages such as invitations, alerts, notifications {% include components/image-with-caption.html src="nhs-notify-iphone-android-sms-example.svg" - alt="An image of 2 mobile devices side by side showing a received text message, one displayed on iPhone and the other displayed on an Android device." caption="An example of a text message (SMS) sent by NHS Notify to an iPhone or Android mobile device." %} diff --git a/docs/pages/using-nhs-notify/message-status.md b/docs/pages/using-nhs-notify/message-status.md index ebbd2e4..46a3013 100644 --- a/docs/pages/using-nhs-notify/message-status.md +++ b/docs/pages/using-nhs-notify/message-status.md @@ -112,7 +112,6 @@ Find out the supplier statuses you can get and how they map to the channel statu {% include components/image-with-caption.html src="nhs-app-status-mapping-2.svg" - alt="A diagram showing how supplier statuses for NHS App messages map to channel statuses." caption="A diagram showing how supplier statuses for NHS App messages map to channel statuses." %} @@ -127,7 +126,6 @@ Find out the supplier statuses you can get and how they map to the channel statu {% include components/image-with-caption.html src="text-and-email-status-mapping-1.svg" - alt="A diagram showing how supplier statuses for emails map to channel statuses." caption="A diagram showing how supplier statuses for emails map to channel statuses." %} @@ -142,7 +140,6 @@ Find out the supplier statuses you can get and how they map to the channel statu {% include components/image-with-caption.html src="text-and-email-status-mapping-1.svg" - alt="A diagram showing how supplier statuses for text messages map to channel statuses." caption="A diagram showing how supplier statuses for text messages map to channel statuses." %} @@ -161,6 +158,5 @@ Find out the supplier statuses you can get and how they map to the channel statu {% include components/image-with-caption.html src="letter-status-mapping-1.svg" - alt="A diagram showing how supplier statuses for letters map to channel statuses." caption="A diagram showing how supplier statuses for letters map to channel statuses." %} diff --git a/docs/pages/using-nhs-notify/tell-recipients-who-your-messages-are-from.md b/docs/pages/using-nhs-notify/tell-recipients-who-your-messages-are-from.md index eeecbc3..eb64a7b 100644 --- a/docs/pages/using-nhs-notify/tell-recipients-who-your-messages-are-from.md +++ b/docs/pages/using-nhs-notify/tell-recipients-who-your-messages-are-from.md @@ -29,7 +29,6 @@ Your NHS App sender name is shown when you send recipients messages in the NHS A {% include components/image-with-caption.html src="nhs-app-sender-name-example-nhs-notify-1.png" - alt="A screenshot of a mobile with an NHS App message open showing where the NHS App sender appears to recipients." caption="An example NHS App message that shows how NHS App sender names appear to recipients." %} @@ -54,7 +53,6 @@ Your email sender name is shown in your recipient's inbox when you send them an {% include components/image-with-caption.html src="email-sender-name-example-nhs-notify-3.png" - alt="A screenshot of an email inbox showing where the email sender name and from email address will appear." caption="An example of a recipient's inbox showing your email sender name and from email address." %} @@ -121,7 +119,6 @@ The text message sender name shows your recipients who the text message is from. {% include components/image-with-caption.html src="text-message-sender-name-example-nhs-notify-1.png" - alt="A screenshot of a mobile with a text message that shows where the text message sender name appears to recipients." caption="An example text message that shows how text message sender names appear to recipients." %} @@ -140,6 +137,7 @@ Text message sender names must not: - contain spaces or special characters such as @%\_(); - be an existing registered sender name or a variation of one - be in the list of sender names you cannot use + {% include components/details.html heading='List of sender names and terms that you cannot use' @@ -205,3 +203,5 @@ Do not use any of the following sender names, terms or any variations in your te - winner' %} + +