Fix Footer Color Contrast Accessibility Issue

[jhancock532]

Link to Ticket On Codebase

Description of Changes Made

Following an audit of the site using Google Lighthouse, one accessibility issue was raised for mobile devices - changing the colour contrast of the mobile phone link fixes this issue.

How to Test

Check the contrast on the preview site, also consider running this through Google Lighthouse with mobile device settings to verify no further accessibility audit changes are required.

Screenshots

Expand to show more

MR Checklist

• [x] Add a description of your pull request and instructions for the reviewer to verify your work.
• [x] If your pull request is for a specific ticket, link to it in the description.
• [x] Stay on point and keep it small so the merge request can be easily reviewed.
• [x] Consider adding unit tests, especially for bug fixes. If you don't, tell us why.
• [x] Tests and linting passes.
• [x] Consider updating documentation. If you don't, tell us why.
• [x] If relevant, list the environments / browsers in which you tested your changes.

[helenb]

I have tested the preview site with the Axe plugin and it doesn't report any colour contrast issues with the phone number. It does raise a number of elements that it was unable to test due to a background image or overlapping pseudo element. It might be worth double checking these in a site like https://www.brandwood.com/a11y/ if you haven't done before to ensure that they work over the gradient (they look like they definitely do though so this is probably low priority)

[helenb]

I can't see an option to approve this MR as maybe I don't have the correct permissions, but consider it approved!