Stop link buttons claiming a pressed state, and lift tab contrast
A Button rendered as a link emitted aria-pressed="", which is not allowed on a link and fails an accessibility check on every page that uses one for a secondary action. A link has no pressed state, so the attribute is gone from that branch; a real button still carries it. An unselected tab used the muted text colour, which does not reach 4.5:1 against the tab strip at this size. It now blends back toward the text colour, and the selected tab still reads as selected through its surface, accent and shadow. The visual contract manifest is regenerated to match. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
2d9797856d
commit
b34930f8f6
3 files changed
+31
-26
No files matched your search
@@ -246,7 +246,12 @@ component Tabs {
|
||||
border: 0;
|
||||
border-radius: var(--wrn-radius-sm);
|
||||
background: transparent;
|
||||
color: var(--wrn-color-text-muted);
|
||||
/*
|
||||
Muted alone does not clear 4.5:1 against the strip at this size, so an
|
||||
unselected tab is blended back toward the text colour. The selected one
|
||||
still stands out by its surface, accent and shadow.
|
||||
*/
|
||||
color: color-mix(in srgb, var(--wrn-color-text) 72%, var(--wrn-color-text-muted));
|
||||
font: inherit;
|
||||
font-size: 0.88rem;
|
||||
font-weight: 600;
|
||||
|
||||
Reference in new issue
Block a user