Libcal: color contrast

[rschwab]

Siteimprove link

• Mini-calendar widget
  

• In person badge

• 3d printer badge

• Appointment schedule form datepicker

• Events mini calendar widget

[JessWaggs]

@rschwab We could make the background of the mini calendar white and that would solve the contrast issue. Do you think that would look okay?

Or, alternatively, changing the gray color of the date numbers from <#777> to <#666> will meet WCAG AA (but not AAA)

[JessWaggs]

Submitted an accessibility report to Springshare for the date picker on 7/21/25

[JessWaggs]

Asked Digital Scholarship to check contrast on their DSI event categories 7/21/25

[rschwab]

I like the white background for the mini-calendar. But I also feel like it wants a border. What do you think?

[JessWaggs]

Yeah, the white with a border looks great! Let's do it!

[rschwab]

Done!

For the events mini-calendar widget, I tried updating our custom css to see if we can change the widget styles, but we cannot. I've opened a ticket with Springshare for that one just now.

[rschwab]

Springshare answered this a while back and it languished in my inbox - sorry! The CSS can be edited in the calendar look & feel settings. I've changed the text from #7F7F7F to #4A4A4A which now passes both AA and AAA. I've checked off the events mini-calendar widget in the ticket description. One more down!