♿ scrumia-html-css
Accessible by construction — semantic elements, elements that match their purpose, tests that say what the user meets.
slot · none version · 0.1.0
What it is responsible for
Owns the shape of a web app's HTML and CSS: a semantic element when both express the same intent, an interactive widget that uses the element matching its purpose, and tests that reach the component through getByRole, getByLabelText or getByText. The capability is anchored in the W3C and MDN corpus, not opinion; every rule cites one source, and the licence travels with the citation.
What it refuses
No <div role="button"> when a <button> would carry the same contract for free. No <div> styled as a button with cursor: pointer when no native semantics apply. No getByTestId when an accessibility-based selector would have reached the same target.
The assumption it makes
Assumes the assistive layer is part of the contract, not a separate audit. A screen that reads correctly to a sighted user and fails a screen reader is a defect the design system cannot catch, and the visual review never sees. The plugin's refusal rules catch the shape that would otherwise pass.
Its skills
html-css-audit
What it plugs into
| Register | Direction | Module |
|---|---|---|
implement | contributes | scrumia-github-project |
review | contributes | scrumia-github-project |
Install it
/plugin install scrumia-html-css@scrumia