homelab/stack
1
0
Fork 0
Code Issues 70 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

P11: WCAG 2.2 AA compliance + marimo dashboard tiles #57

Merged
kert merged 1 commits from feature/wcag-marimo-tiles into main 2026-03-21 18:37:58 +00:00
Conversation 0 Commits 1 Files Changed 9 +226 -26
kert commented 2026-03-21 18:36:52 +00:00
Owner
Copy Link

Summary

WCAG 2.2 AA (#52)

Colour contrast fixes — 3 colours failed 4.5:1 against #0a1628 navy bg:

Variable Old New Ratio
--ds-steel #5a7090 (3.59) #7a90b0 (5.56) PASS
--ds-blue #3366cc (3.38) #4488dd (5.02) PASS
--ds-red #cc2244 (3.35) #ee5577 (5.35) PASS

Applied across all 9 CSS files + library.tsx inline styles.

Accessibility additions:

  • :focus-visible outlines (2.4.7, 2.4.11)
  • @media (prefers-reduced-motion: reduce) (2.3.3)
  • 24px minimum target size on interactive elements (2.5.8)

Marimo dashboard tiles (#53)

  • Hide marimo resources/external links section via CSS
  • File browser restyled as responsive 3→1 column card grid
  • Notebook tiles with hover highlight, uppercase section headers

Closes #52, closes #53

Test plan

  • 11,815 tests pass
  • ruff + notebooks clean
  • Visual review of contrast changes
  • Keyboard navigation test (focus rings visible)
## Summary ### WCAG 2.2 AA (#52) **Colour contrast fixes** — 3 colours failed 4.5:1 against `#0a1628` navy bg: | Variable | Old | New | Ratio | |----------|-----|-----|-------| | `--ds-steel` | `#5a7090` (3.59) | `#7a90b0` (5.56) | PASS | | `--ds-blue` | `#3366cc` (3.38) | `#4488dd` (5.02) | PASS | | `--ds-red` | `#cc2244` (3.35) | `#ee5577` (5.35) | PASS | Applied across all 9 CSS files + library.tsx inline styles. **Accessibility additions:** - `:focus-visible` outlines (2.4.7, 2.4.11) - `@media (prefers-reduced-motion: reduce)` (2.3.3) - 24px minimum target size on interactive elements (2.5.8) ### Marimo dashboard tiles (#53) - Hide marimo resources/external links section via CSS - File browser restyled as responsive 3→1 column card grid - Notebook tiles with hover highlight, uppercase section headers Closes #52, closes #53 ## Test plan - [x] 11,815 tests pass - [x] ruff + notebooks clean - [ ] Visual review of contrast changes - [ ] Keyboard navigation test (focus rings visible)
kert added this to the P11: Design System — WCAG, branding, marimo dashboard milestone 2026-03-21 18:36:52 +00:00
kert added 1 commit 2026-03-21 18:36:52 +00:00
WCAG 2.2 AA compliance + marimo dashboard tiles
Some checks failed
ci/woodpecker/push/infra-ci Pipeline failed
Details
ci/woodpecker/pr/infra-ci Pipeline was successful
Details
ci/woodpecker/push/ci Pipeline was successful
Details
coverage 99% coverage
ci/woodpecker/pr/ci Pipeline was successful
Details
05183164c1 
## WCAG colour contrast fixes (4.5:1 minimum)
- --ds-steel: #5a7090 → #7a90b0 (3.59 → 5.56)
- --ds-blue:  #3366cc → #4488dd (3.38 → 5.02)
- --ds-red:   #cc2244 → #ee5577 (3.35 → 5.35)

## WCAG accessibility additions
- :focus-visible outlines, prefers-reduced-motion, 24px targets

## Marimo dashboard tiles (#53)
- Hide resources section, card grid layout, hover states

fix #52, fix #53
kert merged commit bc49b83eca into main 2026-03-21 18:37:58 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
api
REST API (FastAPI)
 auth
Authentication and authorization
 bib
Bibliography, Zotero, citations
 ci
CI/CD pipelines and Woodpecker plugins
 cli
CLI commands and UX
 cloud
Cloud provider abstraction (AWS, GCP, Azure, self-hosted)
 config
Configuration and wiring
 data
Data loading, CCLF, BCDA, seeds
 databricks
Databricks jobs and deployment
 docs
Documentation and generated references
 image:api
image:docs
image:mc
image:notebooks
image:zotero
infra
lakehouse
Nessie, Polaris, Trino, Iceberg
 llm
llm module — local RAG over comments + Zotero corpus
 notebooks
marimo notebook errors (auto-filed by nb-watcher/nb-integration)
 packaging
Python packaging, optional deps, build system
 pfs
pipeline
Pipeline execution and validation
 pipeline:ci
pipeline:deploy
pipeline:harden
pipeline:infra-ci
pipeline:rebuild-all
pipeline:release
qpp
quality
Testing, coverage, error handling
 step:build
step:deploy
step:hadolint
step:lint
step:publish
step:scan
step:test
step:validate
styles
Charts, figures, visual theming
 tree
Project directory structure and file organization
No Label
Milestone
No items
No Milestone P11: Design System — WCAG, branding, marimo dashboard
Projects
Clear projects
No project
Assignees
Clear assignees
kert renovate-bot
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: homelab/stack#57
Delete Branch "feature/wcag-marimo-tiles"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?