CCM-22423: accessibility fixes

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: ""

docs/_includes/components/image-with-caption.html

@@ -1,9 +1,9 @@
 <figure class="nhsuk-image-with-caption {{ include.classes | xml_escape }}">
   {% assign src = '/assets/images/' | prepend: site.baseurl | append: include.src %}
   {% if include.src contains 'https://' %}
-  <img class="nhsuk-image__img" src='{{ include.src | uri_escape }}' alt='{{ include.alt | xml_escape }}' />
+  <img class="nhsuk-image__img" src='{{ include.src | uri_escape }}' alt="{{ include.alt | xml_escape }}" />
   {% else %}
-  <img class="nhsuk-image__img" src='{{ src }}' alt='{{ include.alt | xml_escape }}' />
+  <img class="nhsuk-image__img" src='{{ src }}' alt="{{ include.alt | xml_escape }}" />
   {% endif %}
   {% if include.caption %}
   <figcaption class="nhsuk-image__caption">

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."
 %}
 

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."
 %}
 

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."
 %}
 

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."
 %}
 

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."
 %}

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
+<!-- vale off -->
 
 {% 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'
 
 %}
+
+<!-- vale on -->