Add accessilbilty check and fixes
All checks were successful
/ build (push) Successful in 18s
/ accessibility (push) Successful in 1m11s

This commit is contained in:
Stefan Bethke 2026-10-17 01:26:09 +02:00
commit 18d9cc15e7
16 changed files with 206 additions and 29 deletions

View file

@ -68,16 +68,16 @@
}
}
/* Lined up with the time on the cards. */
/* Lined up with the time on the cards, but in normal weight to stay in the background.
No transparency: it has to keep text contrast. */
.schedule__hour-label {
display: block;
padding: calc(0.5rem + 0.25rem) 0.75rem 0.5rem calc(0.75rem + 3px);
font-family: var(--ff-alt);
font-size: var(--fs-s);
font-weight: bold;
font-weight: normal;
font-variant-numeric: tabular-nums;
color: var(--color-text-meta);
opacity: 0.45;
}
.schedule__day-title {
@ -177,6 +177,11 @@
}
@container (width < 48rem) {
/* Keeps a focused card from scrolling under the sticky day picker. */
.schedule__title {
scroll-margin-block-start: 6rem;
}
.schedule__picker:not([hidden]) {
position: sticky;
inset-block-start: 0;