Skip to content

New accessible event style in calendar grid#8149

Open
GVodyanov wants to merge 3 commits intomainfrom
feat/new-event-style
Open

New accessible event style in calendar grid#8149
GVodyanov wants to merge 3 commits intomainfrom
feat/new-event-style

Conversation

@GVodyanov
Copy link
Copy Markdown
Contributor

@GVodyanov GVodyanov commented Apr 10, 2026

Fix #8022
Fix #2353

How do we like this? It passes WCAG AA with all colors ✅. Based on this design: #8022 (comment)

Here's what it looks like with some "normal" colors:

Yellow Purple
Light mode image image
Dark mode image image

Here's what it looks like with the most problematic colors, still passes WCAG:

White Black
Light mode image image
Dark mode image image

Naturally this system doesn't look great with people choosing white for their white backgrounds, but who am I to stop them from doing that (also our current system doesn't really handle that either). It passes WCAG anyway.

@SebastianKrupinski
Copy link
Copy Markdown
Contributor

Looks great!

Copy link
Copy Markdown
Member

@kra-mo kra-mo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks really nice :)

My only question is, does it pass WCAG AAA for high contrast? If it does, then approved.

@GVodyanov GVodyanov force-pushed the feat/new-event-style branch from e8f813a to 7801b3b Compare April 13, 2026 12:39
@GVodyanov
Copy link
Copy Markdown
Contributor Author

Added handling specifically for high contrast mode,
swappy-20260413_132124

I removed transparency from the events because if not the VERY contrasting calendar grid was making the event title hard to read

@GVodyanov
Copy link
Copy Markdown
Contributor Author

Also at @ChristophWurst's request added a little icon to see if there are multiple people invited to the event

image

@GVodyanov GVodyanov force-pushed the feat/new-event-style branch from 7801b3b to 867479c Compare April 13, 2026 12:46
Signed-off-by: Grigory Vodyanov <scratchx@gmx.com>
@GVodyanov GVodyanov force-pushed the feat/new-event-style branch from 867479c to 1084f47 Compare April 13, 2026 12:47
@SebastianKrupinski
Copy link
Copy Markdown
Contributor

Since we are working on event styles, can we maybe add this to the PR

#2353

Signed-off-by: Grigory Vodyanov <scratchx@gmx.com>
@GVodyanov
Copy link
Copy Markdown
Contributor Author

Since we are working on event styles, can we maybe add this to the PR

#2353

Sure yeah why not, but I need a plan from @kra-mo or @nimishavijay first pls. Here is how outlook currently does it:

image

Should we also do this?

@kra-mo
Copy link
Copy Markdown
Member

kra-mo commented Apr 13, 2026

Makes sense to me :)

@kra-mo
Copy link
Copy Markdown
Member

kra-mo commented Apr 13, 2026

This thread (for a different project) might also be of interest, quite a bit of research and experimentation there: https://gitlab.gnome.org/GNOME/gnome-calendar/-/issues/1433

Signed-off-by: Grigory Vodyanov <scratchx@gmx.com>
@GVodyanov
Copy link
Copy Markdown
Contributor Author

image Here is Free/Busy!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design Related to design, interface, interaction design, UX, etc.

Projects

Status: 🏗️ In progress

Development

Successfully merging this pull request may close these issues.

Find a new accessible way to display past events in the calendar grid Show free events in different style

3 participants