-
Bug
-
Resolution: Unresolved
-
Low
-
5.2.0
-
Severity 3 - Minor
-
Issue Summary
The "Profile" pop-up is not able to differentiate with the main page background.
Steps to Reproduce
- Open the "Groups" page.
- Turn ON the high contrast mode.
- Navigate to the mentioned instance.
- Observe that the "Profile popup" is not easily distinguishable.
Screenshot
Actual Results
When the user navigate and activate the "Profile" button in the header section, the background of the expanded popup such as "My profile", "Atlassian marketplace" and "Logout" and the main page background in not distinguishable.
As a result, low vision users are finding difficult to understand the structure of the page.
Expected Results
The low vision users should be able to differentiate the popup with the main page.
Provide a border to the popup in the high contrast mode by using CSS.
Workaround
Currently there is no known workaround for this behaviour. A workaround will be added here when available.
Environment
MacBook Pro (16-inch, 2021)
macOs Sonoma 14.2
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
- mentioned in
-
Page Failed to load
[CWD-6199] Groups: Pop-up non-differentiable in high contrast mode
Labels | Original: WCAG21 ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-groups ax-customer-escalated ax-customer-esclated ax-esc-demicon-de ax-lv-user ax-qa best-practice | New: WCAG21 ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-groups ax-customer-escalated ax-esc-demicon-de ax-lv-user ax-qa best-practice |
Labels | Original: WCAG21 ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-groups ax-customer-esclated ax-esc-demicon-de ax-lv-user ax-qa best-practice | New: WCAG21 ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-groups ax-customer-escalated ax-customer-esclated ax-esc-demicon-de ax-lv-user ax-qa best-practice |
Remote Link | New: This issue links to "Page (Confluence)" [ 856845 ] |
Labels | New: WCAG21 ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-groups ax-customer-esclated ax-esc-demicon-de ax-lv-user ax-qa best-practice |
Fix Version/s | New: 5.2.0 [ 104001 ] |
Description |
Original:
h3. Issue Summary
ihjhv h3. Steps to Reproduce # khbk h3. Actual Results jgfy h3. Expected Results jgfhj h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available |
New:
h3. Issue Summary
The "Profile" pop-up is not able to differentiate with the main page background. h3. Steps to Reproduce # Open the "Groups" page. # Turn ON the high contrast mode. # Navigate to the mentioned instance. # Observe that the "Profile popup" is not easily distinguishable. h3. Screenshot !MicrosoftTeams-image (6).png|width=577,height=285! h3. Actual Results When the user navigate and activate the "Profile" button in the header section, the background of the expanded popup such as "My profile", "Atlassian marketplace" and "Logout" and the main page background in not distinguishable. As a result, low vision users are finding difficult to understand the structure of the page. h3. Expected Results The low vision users should be able to differentiate the popup with the main page. Provide a border to the popup in the high contrast mode by using CSS. h3. Workaround Currently there is no known workaround for this behaviour. A workaround will be added here when available. h3. Environment MacBook Pro (16-inch, 2021) macOs Sonoma 14.2 Chrome - Version 120.0.6099.109 (Official Build) (arm64) Firefox- Version 92.0 (64-bit) Safari- Version 17.0 (19616.1.27.211.1) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest |
Attachment | New: MicrosoftTeams-image (6).png [ 450254 ] |