fix(a11y): address axe color-contrast violations on dark surface

This commit is contained in:
Keith Solomon
2026-08-16 14:08:22 -05:00
parent ba5e6fcd86
commit a50ea9f0ae
7 changed files with 49 additions and 6 deletions
+6
View File
@@ -1,5 +1,11 @@
/* Blog/post index listing styles */
/* Category pill on dark page surface — needs higher contrast than the default
* --color-bodylinks (~3:1 against --color-page-base) for WCAG AA. */
.post-list__category {
color: var(--color-primary-87, #dce1ff);
}
.post-list {
/* Original styles, if needed
* .post-list__posts {
+1 -1
View File
@@ -333,7 +333,7 @@
margin: 0;
}
.home-recent__view-all {
color: var(--color-primary, #b6c4ff);
color: var(--color-primary-87, #dce1ff);
font-weight: 600;
text-decoration: none;
}
+7
View File
@@ -24,5 +24,12 @@
}
}
}
/* Links inside sidebar widgets on dark page surface — bumped to --color-primary-87
* to clear WCAG AA (the inherited global --color-bodylinks is only ~3:1). */
a[data-type],
a[data-id] {
color: var(--color-primary-87, #dce1ff);
}
}
}