Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (.btn-primary)

[msftedad]

Q&A (please complete the following information)

• OS: Windows 11 Enterprise - 23H2
• Browser: Chrome, Edge
• Version: Chrome- Version 124.0.6367.93 (Official Build) (64-bit) Edge - Version 124.0.2478.80 (Official build) (64-bit)
• Method of installation: npm
• Swagger-UI version: 4.6.1
• Swagger/OpenAPI version: [e.g. Swagger 2.0, OpenAPI 3.0]

Content & configuration

Example Swagger/OpenAPI definition:

# your YAML here

Swagger-UI configuration options:

SwaggerUI({
  // your config options here
})

?yourQueryStringConfig

Describe the bug you're encountering

To reproduce...

Steps to reproduce the behavior:

1. Launch the URL : https://codesandbox.io/p/sandbox/nervous-fog-d87m3w?file=%2fpackage.json
2. Observe that Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (.btn-primary) or not.

Expected behavior

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast)

Screenshots

Additional context or thoughts

[msftedad]

Hi @maggiewachs, is there any update on this bug, and could you please provide a tentative ETA for fixing it

[maggiewachs]

See my comment here: https://github.com/swagger-api/swagger-ui/issues/8172#issuecomment-2286601376