Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[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

Closed
Raisul123 opened this issue Feb 26, 2024 · 1 comment · Fixed by #3213
Assignees
Milestone

Comments

@Raisul123
Copy link
Collaborator

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

@gavinbarron
Copy link
Member

Add forced-colors styling for the stackblitz button to ensure that we color the svg in theme appropriate colors.

@Mnickii Mnickii moved this from Todo 📃 to In Review 💭 in Graph Toolkit Jun 12, 2024
@github-project-automation github-project-automation bot moved this from In Review 💭 to Done ✔️ in Graph Toolkit Jun 13, 2024
@Mnickii Mnickii added this to the 4.2.3 milestone Jun 28, 2024
@Mnickii Mnickii self-assigned this Aug 28, 2024
@Raisul123 Raisul123 added the MicrosoftGraphToolkitPlayground_Web fetch bug data from the db for accessibility label Dec 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
3 participants