accessibility-insights-web: WCAG 2.1: Buttons' inner background color has insufficient contrast against its adjacent background
Describe the bug
Related to WCAG SC 1.4.11: Non-text Contrast
For active controls such as buttons and form fields: any visual information provided that is necessary for a user to identify that a control is present and how to operate it must have a minimum 3:1 contrast ratio with the adjacent colors
To Reproduce Steps to reproduce the behavior:
- Run assessment on any page
- Open details view and start an assessment
- Open the target page
- Navigate to a new URL in the same tab
- Run assessment once again
- A dialog ‘Assessment in progress’ shows up in details view window
- Observe both the
Continue previous
andStart new
buttons have a background color that isn’t having enough contrast with the adjacent background
Expected behavior
The contrast ratio between the buttons’ background and the adjacent background should be at least 3:1
Screenshots
Extension
- Accessibility Insights for Web - prod
- Browser Version: Chrome 75.0.3770.80
- Target Page: Any page
Did you search for similar existing issues?
Yes - #761
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Comments: 19 (13 by maintainers)
from the figma file, the border color is #666666 should be fine.