Uploaded image for project: 'Crowd Data Center'
  1. Crowd Data Center
  2. CWD-6199

Groups: Pop-up non-differentiable in high contrast mode

      Issue Summary

      The "Profile" pop-up is not able to differentiate with the main page background.

      Steps to Reproduce

      1. Open the "Groups" page.
      2. Turn ON the high contrast mode.
      3. Navigate to the mentioned instance.
      4. 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

            [CWD-6199] Groups: Pop-up non-differentiable in high contrast mode

            Leona Zumbo made changes -
            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
            Leona Zumbo made changes -
            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
            ssuryavanshi (Inactive) made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 856845 ]
            Rahul Patil (Inactive) made changes -
            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
            Rahul Patil (Inactive) made changes -
            Fix Version/s New: 5.2.0 [ 104001 ]
            Rahul Patil (Inactive) made changes -
            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
            Rahul Patil (Inactive) made changes -
            Attachment New: MicrosoftTeams-image (6).png [ 450254 ]
            Rahul Patil (Inactive) created issue -

              Unassigned Unassigned
              1833d2e1842a Rahul Patil (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated: