Skip to content

Release the accessible button component#1

Merged
JaydenYoonZK merged 1 commit into
mainfrom
audit/css-button-v2
Jul 12, 2026
Merged

Release the accessible button component#1
JaydenYoonZK merged 1 commit into
mainfrom
audit/css-button-v2

Conversation

@JaydenYoonZK

Copy link
Copy Markdown
Member

Summary

  • rebuild the modern component with a moving cap and fixed edge and ground shadow
  • preserve the original .JayBrown class for existing markup
  • add JaydenART green and brown variants with documented CSS custom properties
  • replace the old demo with secure, semantic, responsive HTML and local styles
  • add keyboard, disabled, reduced-motion, forced-colors, and touch states
  • add tests, CI, security guidance, contributing documentation, and a changelog

Why

The original demo used invalid nested controls, removed keyboard outlines, shifted layout on press, loaded an external background image, and had no automated checks. Version 2.0 turns the idea into a small component other developers can safely reuse.

Validation

  • six deterministic tests pass
  • CI covers Node.js 20, 22, and 24
  • desktop and 390 pixel mobile browser checks have zero overflow
  • keyboard activation exposes a visible 3 pixel focus ring
  • WCAG contrast checks pass for every measured text pair
  • CSP blocks all unneeded resource types and the page contains no scripts
  • public trace, dash, and external CSS dependency scans are clean

@JaydenYoonZK JaydenYoonZK merged commit 33794cb into main Jul 12, 2026
3 checks passed
@JaydenYoonZK JaydenYoonZK deleted the audit/css-button-v2 branch July 12, 2026 16:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant