Repository navigation
fix(a11y): contrast and focus in every theme - #6
Merged
Merged
Conversation
…corners Buttons wore Fluent's square white outline on top of their own focus border, list rows looked the same focused as picked, and the prompt's title and description showed focus only as a faint fill. Focus is now a FocusOutline token, an inset accent ring, on buttons, rows, tabs, segments, Quick save's tiles and the title and description. The Switch draws its edge in body text instead, since an accent ring would vanish on its accent track. Avalonia draws no box shadow on a border that differs by side, so the focused row's border goes all round, and tabs carry the ring on an outer border.
…tes in every theme Text boxes, dropdowns and checkboxes use a new ControlBorderBrush, the faintest step from Border3 toward Text3 that reaches 3:1 on every background. Tags and danger buttons now read at 4.5:1 on their own tint, through small nudges to tone text in eight palettes. The counts on the active sidebar row use Text2, nudged in Darcula, Gruvbox Dark and Solarized Dark to reach 4.5:1 on Bg4. A danger button's hover shows in its edge instead of white on red. The picked option in a segmented control gets the accent's fill and edge. Empty rating pips use Border3, or the control edge where they can be clicked. ThemeTests holds all thirteen themes to these pairs.
Merged
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The second v1.1.1 item from the 2026-10-10 accessibility audit.
Focus
FocusOutlinetoken, an inset accent ring, now shows keyboard focus. It replaces Fluent's square white outline, which sat on top of each control's own focus border.Contrast
ControlBorderBrushreaches 3:1 on every background. It's the faintest step from Border3 toward Text3 that does. Text boxes, dropdowns, the library's checkboxes and the editor's empty rating pips use it.Tests
ThemeTestscase: for all thirteen themes, it reads each pair from the resources that theme actually resolves.Tokens.axamlnow coversControlBorderBrushand the mint text too.