redocusaurus icon indicating copy to clipboard operation
redocusaurus copied to clipboard

Poor contrast in "required" keyword in dark mode

Open rebekaburnett opened this issue 1 year ago • 0 comments

Poor contrast in "required" keyword in dark mode

To reproduce this:

  1. Install the Wave plugin (Web accessibility evaluation tool) in Chrome
  2. Open your redocusaurus website here: https://redocusaurus.vercel.app/examples/using-single-yaml/#tag/pet
  3. Change to dark mode.
  4. Click the small W icon in the header to turn on Wave. You will see the contrast errors listed on the left. wave
  5. Scroll down to find the "required" keyword/label (see attached image, "required") and click on the red icon to see the code.
required

Please note that there are many other contrast errors and it would be great if you fixed those, too. I will try to override any that I can, but without style names, it's difficult. Maybe you could create style names and let people override them manually.

rebekaburnett avatar Dec 17 '24 09:12 rebekaburnett