openpencil/tests/e2e/settings
Danila Poyarkov 1717d8d19d
fix: meet WCAG AA contrast and name controls for screen readers (#952)
* fix: meet WCAG AA contrast and name controls for screen readers

Storybook's axe addon reported violations in 69 stories, mostly text
below 4.5:1, and the story test ignored its reports. Every story now
passes axe in both themes and the test fails on any violation.

Contrast comes from the theme tokens. The dark accent fill takes the
light theme's #2563eb so white text reads on it; accent-colored text
moves to primary and solid focus rings to panel-focus, which keep the
lighter blue. Dark component, slot, and error colors are lighter; light
muted, primary, and issue-warning are darker. The follow bar picks
black or white for the followed person's color through a new
readableForeground, which canvas labels now share.

Listbox names move to the element with role="listbox", the layer and
page rename fields get labels, and disabled picker options and checkbox
cards expose aria-disabled, which Reka's ListboxItem leaves out.

Axe exemptions stay narrow and explained: vue-stream-markdown's
code-block landmarks, Reka's toast focus guards, drag placeholders,
reverted replies, Design Check's sample of the document's own failing
colors, and the Behaviour demo that shows several sections at once.

* chore(storybook): title stories by the folders that own them

Design System stories follow the families under src/components/ui
(Actions, Inputs, Selection, Feedback, Overlays, Layout, Lists,
Navigation, Paint), app stories sit under App/<area>, and titles use
Title Case. Editor navigation leaves Design System, and the sidebar
order drops entries for stories that no longer exist.

* fix: keep dimmed rows and reverted replies readable

Fading a selected hidden layer's row faded its blue highlight with the
white name, down to 2.76:1 on the light panel, so selected rows dim only
their icon. A reverted reply dims its text to the muted color instead of
fading to half opacity, so it reads at 4.5:1 and stays in the axe scan,
including the tool-call disclosure inside it. The Markdown landmark
exemption now covers only the stories that render code blocks.
2026-10-07 17:51:24 +00:00
..
mobile.spec.ts-snapshots feat(ai): add guided AI setup for providers, coding agents, and Pi (#916) 2026-10-07 08:46:57 +00:00
tabs.spec.ts-snapshots feat(collab)!: sync layer trees as a CRDT and open each room in its own tab (#902) 2026-10-06 10:40:25 +00:00
ai-setup-first-run.spec.ts feat(ai): add guided AI setup for providers, coding agents, and Pi (#916) 2026-10-07 08:46:57 +00:00
ai-setup.spec.ts feat(ai): add guided AI setup for providers, coding agents, and Pi (#916) 2026-10-07 08:46:57 +00:00
chat.spec.ts feat(settings): configure tool access, MCP failures, and step limits 2026-09-17 23:55:58 +03:00
credentials.spec.ts fix(ai): polish chat history and stabilize chat tests (#923) 2026-10-07 09:53:05 +00:00
diagnostics.spec.ts feat(app): record runtime errors in diagnostics and make events readable (#874) 2026-10-05 07:59:44 +00:00
feedback.spec.ts fix: meet WCAG AA contrast and name controls for screen readers (#952) 2026-10-07 17:51:24 +00:00
general.spec.ts fix(settings): refresh select labels and unify controls 2026-09-15 19:20:30 +03:00
mcp-failure.spec.ts feat(settings): configure tool access, MCP failures, and step limits 2026-09-17 23:55:58 +03:00
mcp.spec.ts feat(settings): configure tool access, MCP failures, and step limits 2026-09-17 23:55:58 +03:00
mobile.spec.ts feat(settings): unify preferences and integration editors 2026-09-15 16:34:05 +03:00
model-editor.spec.ts feat(settings): unify preferences and integration editors 2026-09-15 16:34:05 +03:00
model-status.spec.ts feat(ai): add guided AI setup for providers, coding agents, and Pi (#916) 2026-10-07 08:46:57 +00:00
motion.spec.ts test: seed motion preferences through Playwright storage state 2026-09-10 23:24:06 +03:00
polish.spec.ts feat(settings): configure tool access, MCP failures, and step limits 2026-09-17 23:55:58 +03:00
tabs.spec.ts feat(settings): unify preferences and integration editors 2026-09-15 16:34:05 +03:00
theme.spec.ts feat(settings): unify preferences and integration editors 2026-09-15 16:34:05 +03:00
tool-access.spec.ts feat(settings): configure tool access, MCP failures, and step limits 2026-09-17 23:55:58 +03:00