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:

  1. Run assessment on any page
  2. Open details view and start an assessment
  3. Open the target page
  4. Navigate to a new URL in the same tab
  5. Run assessment once again
  6. A dialog ‘Assessment in progress’ shows up in details view window
  7. Observe both the Continue previous and Start new buttons have a background color that isn’t having enough contrast with the adjacent background

image

Expected behavior

The contrast ratio between the buttons’ background and the adjacent background should be at least 3:1

Screenshots

image

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)

Most upvoted comments

from the figma file, the border color is #666666 should be fine.