Skip to content

[MGTP-Editor-Edit in stackblitz Tab item ]: ‘Edit in stackblitz’ Tab item is not visible properly when ‘Aquatic/Dusk and Night sky mode’ is enabled. #3078

Description

@Raisul123

Test Environment:
OS Build: Windows 11 
Version: 24H2 (OS Build 26058.1400) 
Browser: Edge dev 
Browser Version 123.0.2400.1 (Official build) dev (64-bit)
URL: Overview - Docs ⋅ Storybook (mgt.dev)
Screen reader: Narrator

Prerequisites:
Settings>>Accessibility>>Contrast themes.>>Aquatic mode

Repro Steps:

  1. Open the above URL
  2. The ‘Microsoft Graph Toolkit Playground' Overview page will get displayed.
  3. Navigate to the Editor and activate it.
  4. Navigate to the ‘Edit in stackblitz’ Tab item
  5. Observe the issue in ‘Aquatic/Dusk and Night sky’ mode.

Actual Result:
‘Edit in stackblitz’ Tab item is not visible properly when ‘Aquatic/Dusk and Night sky mode’ is enabled.

Expected Result:
‘Edit in stackblitz’ Tab item should be visible properly when ‘Aquatic/Dusk and Night sky mode’ is enabled.Note:

User Impact:
When any 'control' is not visible when 'Aquatic mode' is enabled, it will be difficult for users having low vision to navigate easily to the desired element and access or understand the purpose of control.

“ Have feedback on bugs logged, please tag bug as “A11yRCA“ and add your feedback in the comment section. “

Attachments:
HC-control is not adopting HC theme

Metadata

Metadata

Type

No type

Projects

Status
Done ✔️

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions