[Accessibility][Visual Requirement-Create from template]: Luminosity ratio of all templates within 'Create from template' is less than 4.5:1.

[ShellySoni]

User Experience:
Users with low vision or sensitive to low luminosity ratio colors would be impacted as the visibility of templates is less than the standard luminosity ratio of 4.5:1.

Test Environment:
Environment: Chromium Edge (Anaheim) + Narrator
Build Version: 2004 (OS Build 19564.1005)​​
Microsoft Edge Version: 82.0.425.0 (Official build) canary (64-bit)​
Test URL: http://localhost:3000/home

Repro Steps:

1. Open URL: http://localhost:3000/home
2. Navigate on homepage with tab key up to 'New' button and press enter on it.
3. 'Create from scratch' pop up will open.
4. Select 'Create from Template' radio button and then press tab key to land on its first template i.e. Echo bot.
5. Observe the CCA with color contrast analyzer and find the issue.

Actual:
Luminosity ratio of all templates within 'Create from template' is less than 4.5:1.

Expected:
Luminosity ratio should be >=4.5:1 for all templates within 'Create from template'.

MAS Reference:
https://microsoft.sharepoint.com/:w:/r/teams/msenable/_layouts/15/Doc.aspx?sourcedoc=%7BA78189A8-A3DC-42C4-A464-A051EBBBD5DF%7D&file=Guideline%2017A%20-%20Contrast%20(Minimum)%20When%20Conveying%20Information.docx&action=default&mobileredirect=true

Attachment:
MAS1.4.3_Create From template.zip

[Padmini171991]

Attaching screenshot here. Somehow the zip file got dragged on top of User Experience.

[DesignPolice]

Thanks for the Tag @corinagum, I was wondering when this one would come up. It is a hack of a old design, that was altered just to get things moving. Let me find out if they want to alter the hack, or implement an actual fix that we have.

I will touch back ASAP

[corinagum]

Related to #1728 , so there will probably be a decent amount of discussion before a spec is ready. Moving back to To Do

[DesignPolice]

Thanks Corina - @cwhitten and @mareekuh - Lets talk about this in Stand Up today if we have time or we have someone waiting to fix it.

Update: We are going to hold on this - there is a design submitted already to fix this, rather than doing it twice we will just wait to fix. That said if it is just changing a # - you could make the text on those tiles Black and it will give us enough contrast.

[corinagum]

@DesignPolice roger that, will do. Thanks for checking up!

[awalia13]

Hi Corina ,We will validate this bug and share update asap.

[ashish315]

As checked, still the issue is not fixed yet. Still CCA is 3.8:1.

[corinagum]

I have done a fresh build of Composer and verified this fix. Please re-verify on your side.

[ashish315]

@corinagum Checked on the latest build and the issue is resolved. So, HCL is closing the issue.
Current CCA result-
Foreground:#000000
Background:#EBEBEB

The contrast ratio is: 17.6:1