-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.2.0
-
Severity 3 - Minor
-
Issue Summary
The focus indicator of the "Save" button in the "Attributes" and "Applications" tab sections has an insufficient contrast ratio.
Note: Same issue repro for Insufficient color contrast for focus indicators of user interface controls in 'Group to be authenticated' page.
Steps to Reproduce
- Open the Edit user page
- Navigate to the "Save" button in the Attributes" or "Applications" tabs
- Use any color contrast testing tool to check the color contrast
- Observe that the color contrast between the focus indicator and the adjacent color is insufficient
Screenshot
Actual Result
The focus indicator of some user interfaces with background/foreground color combinations has an insufficient contrast ratio.
The "Save" button in the "Attributes", and "Applications" sections has insufficient contrast ratio and "Add groups" in the Groups section with foreground #015FCC focus indicator color has a color contrast ratio of 1.2:1 with #0165FF inner background color.
This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast.
Expected Results
The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient.
Ensure that the color contrast of the focus indicator for all user interface controls is 3:1 with the foreground and background colors.
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16 inch, 2021)
macOs Ventura 13.5
Chrome - Version 115.0.5790.170 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest
- mentioned in
-
Page Failed to load
[CWD-5996] Edit user: Insufficient color contrast for focus indicators of user interface controls
| Labels | Original: 1.4.11 Level-AA ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-Grouptobeauthenticated ax-crowd-dc-vpat-edituser ax-crowd-dc-vpat-pg05 ax-crowd-dc-vpat-pg13 ax-low-priority ax-lv-user ax-qa ax-qa-fixed ax-qa-verified wcag21 | New: 1.4.11 Level-AA ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-Grouptobeauthenticated ax-crowd-dc-vpat-edituser ax-crowd-dc-vpat-pg05 ax-crowd-dc-vpat-pg13 ax-low-priority ax-lv-user ax-qa ax-qa-partially-fixed ax-qa-verified wcag21 |
| Labels | Original: 1.4.11 Level-AA ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-Grouptobeauthenticated ax-crowd-dc-vpat-edituser ax-crowd-dc-vpat-pg05 ax-crowd-dc-vpat-pg13 ax-low-priority ax-lv-user ax-qa wcag21 | New: 1.4.11 Level-AA ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-Grouptobeauthenticated ax-crowd-dc-vpat-edituser ax-crowd-dc-vpat-pg05 ax-crowd-dc-vpat-pg13 ax-low-priority ax-lv-user ax-qa ax-qa-fixed ax-qa-verified wcag21 |
| Remote Link | New: This issue links to "Page (Confluence)" [ 990952 ] |
| Attachment | New: Screenshot 2025-02-24 at 11.34.47 AM.png [ 485775 ] |
| Attachment | New: Screenshot 2025-02-21 at 6.56.35 PM.png [ 485774 ] |
| Attachment | New: Screenshot 2025-02-21 at 6.49.17 PM.png [ 485773 ] |
| Description |
Original:
h2. Issue Summary
The focus indicator of the "Save" button in the "Attributes" and "Applications" tab sections has an insufficient contrast ratio. Note: Same issue repro for Insufficient color contrast for focus indicators of user interface controls in 'Group to be authenticated' page. h2. Steps to Reproduce # Open the Edit user page # Navigate to the "Save" button in the Attributes" or "Applications" tabs # Use any color contrast testing tool to check the color contrast # Observe that the color contrast between the focus indicator and the adjacent color is insufficient h2. Screenshot !Screenshot 2023-10-30 at 2.48.13 PM.png|width=270,height=129! !Screenshot 2023-11-17 at 11.15.17 AM.png|width=269,height=132,thumbnail! h2. Actual Result The focus indicator of some user interfaces with background/foreground color combinations has an insufficient contrast ratio. The "Save" button in the "Attributes", and "Applications" sections has insufficient cntrast ratioand "Add groups" in the Groups section with foreground #015FCC focus indicator color has a color contrast ratio of 1.2:1 with #0165FF inner background color. This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast. h2. Expected Results The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient. Ensure that the color contrast of the focus indicator for all user interface controls is 3:1 with the foreground and background colors. h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available h2. Environment MacBook Pro (16 inch, 2021) macOs Ventura 13.5 Chrome - Version 115.0.5790.170 (Official Build) (arm64) Firefox- Version 112.0. 1 Safari- Version 16.5 (18615.2.9.11.4) JAWS- Version 2023 NVDA- Version 2023 Voiceover - Version Latest |
New:
h3. Issue Summary
The focus indicator of the "Save" button in the "Attributes" and "Applications" tab sections has an insufficient contrast ratio. Note: Same issue repro for Insufficient color contrast for focus indicators of user interface controls in 'Group to be authenticated' page. h3. Steps to Reproduce # Open the Edit user page # Navigate to the "Save" button in the Attributes" or "Applications" tabs # Use any color contrast testing tool to check the color contrast # Observe that the color contrast between the focus indicator and the adjacent color is insufficient h3. Screenshot !Screenshot 2023-10-30 at 2.48.13 PM.png|width=270,height=129! !Screenshot 2023-11-17 at 11.15.17 AM.png|width=269,height=132,thumbnail! h3. Actual Result The focus indicator of some user interfaces with background/foreground color combinations has an insufficient contrast ratio. The "Save" button in the "Attributes", and "Applications" sections has insufficient contrast ratio and "Add groups" in the Groups section with foreground #015FCC focus indicator color has a color contrast ratio of 1.2:1 with #0165FF inner background color. This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast. h3. Expected Results The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient. Ensure that the color contrast of the focus indicator for all user interface controls is 3:1 with the foreground and background colors. h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available h3. Environment MacBook Pro (16 inch, 2021) macOs Ventura 13.5 Chrome - Version 115.0.5790.170 (Official Build) (arm64) Firefox- Version 112.0. 1 Safari- Version 16.5 (18615.2.9.11.4) JAWS- Version 2023 NVDA- Version 2023 Voiceover - Version Latest |
| Description |
Original:
h2. Issue Summary
The focus indicator of the "Save" button in the "Attributes" and "Applications" tab sections has an insufficient contrast ratio. Note: Same issue repro for Insufficient color contrast for focus indicators of user interface controls in 'Group to be authenticated' page. h2. Steps to Reproduce # Open the Edit user page # Navigate to the "Save" button in the Attributes" or "Applications" tabs # Use any color contrast testing tool to check the color contrast # Observe that the color contrast between the focus indicator and the adjacent color is insufficient h2. Screenshot 1 !Screenshot 2023-10-30 at 2.48.13 PM.png|width=270,height=129! h2. Actual Result The focus indicator of some user interfaces with background/foreground color combinations has an insufficient contrast ratio. The "Save" button in the "Attributes", and "Applications" sections has insufficient cntrast ratioand "Add groups" in the Groups section with foreground #015FCC focus indicator color has a color contrast ratio of 1.2:1 with #0165FF inner background color. This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast. h2. Expected Results The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient. Ensure that the color contrast of the focus indicator for all user interface controls is 3:1 with the foreground and background colors. h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available h2. Environment MacBook Pro (16 inch, 2021) macOs Ventura 13.5 Chrome - Version 115.0.5790.170 (Official Build) (arm64) Firefox- Version 112.0. 1 Safari- Version 16.5 (18615.2.9.11.4) JAWS- Version 2023 NVDA- Version 2023 Voiceover - Version Latest |
New:
h2. Issue Summary
The focus indicator of the "Save" button in the "Attributes" and "Applications" tab sections has an insufficient contrast ratio. Note: Same issue repro for Insufficient color contrast for focus indicators of user interface controls in 'Group to be authenticated' page. h2. Steps to Reproduce # Open the Edit user page # Navigate to the "Save" button in the Attributes" or "Applications" tabs # Use any color contrast testing tool to check the color contrast # Observe that the color contrast between the focus indicator and the adjacent color is insufficient h2. Screenshot !Screenshot 2023-10-30 at 2.48.13 PM.png|width=270,height=129! !Screenshot 2023-11-17 at 11.15.17 AM.png|width=269,height=132,thumbnail! h2. Actual Result The focus indicator of some user interfaces with background/foreground color combinations has an insufficient contrast ratio. The "Save" button in the "Attributes", and "Applications" sections has insufficient cntrast ratioand "Add groups" in the Groups section with foreground #015FCC focus indicator color has a color contrast ratio of 1.2:1 with #0165FF inner background color. This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast. h2. Expected Results The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient. Ensure that the color contrast of the focus indicator for all user interface controls is 3:1 with the foreground and background colors. h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available h2. Environment MacBook Pro (16 inch, 2021) macOs Ventura 13.5 Chrome - Version 115.0.5790.170 (Official Build) (arm64) Firefox- Version 112.0. 1 Safari- Version 16.5 (18615.2.9.11.4) JAWS- Version 2023 NVDA- Version 2023 Voiceover - Version Latest |
| Attachment | New: Screenshot 2023-11-17 at 11.15.17 AM.png [ 447898 ] |
| Description |
Original:
h2. Issue Summary
The focus indicator of the "Save" button in the "Attributes" and "Applications" tab sections has an insufficient contrast ratio. Note: Same issue repro for Insufficient color contrast for focus indicators of user interface controls in 'Group to be authenticated' page. h2. Steps to Reproduce # Open the Edit user page # Navigate to the "Save" button in the Attributes" or "Applications" tabs # Use any color contrast testing tool to check the color contrast # Observe that the color contrast between the focus indicator and the adjacent color is insufficient h2. Screenshot 1 !Screenshot 2023-10-30 at 2.48.13 PM.png|width=270,height=129! h2. Screenshot:2 !Insufficient color contrast for focus indicators of user interface controls..png|thumbnail! h2. Actual Result The focus indicator of some user interfaces with background/foreground color combinations has an insufficient contrast ratio. The "Save" button in the "Attributes", and "Applications" sections has insufficient cntrast ratioand "Add groups" in the Groups section with foreground #015FCC focus indicator color has a color contrast ratio of 1.2:1 with #0165FF inner background color. This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast. h2. Expected Results The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient. Ensure that the color contrast of the focus indicator for all user interface controls is 3:1 with the foreground and background colors. h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available h2. Environment MacBook Pro (16 inch, 2021) macOs Ventura 13.5 Chrome - Version 115.0.5790.170 (Official Build) (arm64) Firefox- Version 112.0. 1 Safari- Version 16.5 (18615.2.9.11.4) JAWS- Version 2023 NVDA- Version 2023 Voiceover - Version Latest |
New:
h2. Issue Summary
The focus indicator of the "Save" button in the "Attributes" and "Applications" tab sections has an insufficient contrast ratio. Note: Same issue repro for Insufficient color contrast for focus indicators of user interface controls in 'Group to be authenticated' page. h2. Steps to Reproduce # Open the Edit user page # Navigate to the "Save" button in the Attributes" or "Applications" tabs # Use any color contrast testing tool to check the color contrast # Observe that the color contrast between the focus indicator and the adjacent color is insufficient h2. Screenshot 1 !Screenshot 2023-10-30 at 2.48.13 PM.png|width=270,height=129! h2. Actual Result The focus indicator of some user interfaces with background/foreground color combinations has an insufficient contrast ratio. The "Save" button in the "Attributes", and "Applications" sections has insufficient cntrast ratioand "Add groups" in the Groups section with foreground #015FCC focus indicator color has a color contrast ratio of 1.2:1 with #0165FF inner background color. This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast. h2. Expected Results The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient. Ensure that the color contrast of the focus indicator for all user interface controls is 3:1 with the foreground and background colors. h3. Workaround Currently, there is no known workaround for this behavior. A workaround will be added here when available h2. Environment MacBook Pro (16 inch, 2021) macOs Ventura 13.5 Chrome - Version 115.0.5790.170 (Official Build) (arm64) Firefox- Version 112.0. 1 Safari- Version 16.5 (18615.2.9.11.4) JAWS- Version 2023 NVDA- Version 2023 Voiceover - Version Latest |