Accessibility issue v12.2.0 - Product Sync/Getting Started landing pages buttons have contrast issue between foreground and background colours

[Alex-Lovell]

Which Umbraco version are you using? (Please write the exact version, example: 10.1.0)

10.6.0 or v12.2.0

Bug summary

When I run a lighthouse report on the Umbraco landing page, it flags that the 'Product Sync' button on the Product Sync tab has a contrast issue. The same applies to the 'Get Started' page that appears in a seperate tab on the same screen

Specifics

This affects all browsers, there are no errors in the event logs relating to this.

Steps to reproduce

STEPS

1. Load the url for Umbraco v 10.6.0 or v12.2.0
2. Login with valid credentials
3. Once logged in, run at lighthouse report for Accessibility on Desktop on the 'Prod Sync' tab
4. Repeat step 3 for the 'Get Started' tab

Expected result / actual result

Lighthouse Accessibility Audit does not return any issues

[github-actions]

Hi there @Truealex4!

Firstly, a big thank you for raising this issue. Every piece of feedback we receive helps us to make Umbraco better.

We really appreciate your patience while we wait for our team to have a look at this but we wanted to let you know that we see this and share with you the plan for what comes next.

• We'll assess whether this issue relates to something that has already been fixed in a later version of the release that it has been raised for.
• If it's a bug, is it related to a release that we are actively supporting or is it related to a release that's in the end-of-life or security-only phase?
• We'll replicate the issue to ensure that the problem is as described.
• We'll decide whether the behavior is an issue or if the behavior is intended.

We wish we could work with everyone directly and assess your issue immediately but we're in the fortunate position of having lots of contributions to work with and only a few humans who are able to do it. We are making progress though and in the meantime, we will keep you in the loop and let you know when we have any questions.

Thanks, from your friendly Umbraco GitHub bot 🤖 🙂

[andr317c]

Hey! Thanks for reporting this issue. I was able to reproduce these accessibility errors on versions 10.7.0 and 12.2.0 for the 'Get Started' tab.

I was unable to find the 'Sync Prod' tab in Umbraco.

This issue is something we would like help with, I'll set this issue as up for grabs 😄

[github-actions]

Hi @Truealex4,

We're writing to let you know that we would love some help with this issue. We feel that this issue is ideal to flag for a community member to work on it. Once flagged here, folk looking for issues to work on will know to look at yours. Of course, please feel free work on this yourself ;-). If there are any changes to this status, we'll be sure to let you know.

For more information about issues and states, have a look at this blog post.

Thanks muchly, from your friendly Umbraco GitHub bot :-)