[sabit1997]

요약

Quire Phase G(마지막) — A~F 에서 만든 규칙이 다음 PR 에서도 지켜지게 하는 운영 체계입니다.

PR CI (.github/workflows/ci.yml)

• develop·main 으로 가는 PR 마다 lint · typecheck · test · tokens:check · build
• tokens:check 가 다시 만든 docs/registry.md·contrast-matrix.md 가 커밋본과 다르면 실패 (생성 파일 커밋 누락 방지)
• 이전엔 검사가 로컬 git hook(lint·typecheck·build)뿐이라 test·tokens:check 는 어디서도 자동으로 안 돌았음

Storybook a11y addon + 접근성 수정

• @storybook/addon-a11y — 스토리마다 Accessibility 패널
• 도입하자 드러난 axe 위반 16건 → 0건 (스토리 100개 전수 검사)
  • 멤버 선택 목록: listbox/option 안에 체크박스(중첩 인터랙션) → 기본 체크박스 목록
  • 방장 후보·공유 대상 목록: radiogroup 안 <li> → role="none"
  • CodeBlock 가로 스크롤·SourceList 높이 제한 영역: 키보드 포커스(tabIndex={0}) + 포커스 링
  • AI 답변 마크다운 체크리스트(- [ ]) 체크박스에 라벨
  • 새 프로젝트 모달의 잠긴 3단계: 흐리게만 하던 것을 inert 로 — 키보드로 들어가지던 문제

운영 문서

• docs/process/change-flow.md — 제안(이슈) → 결정 → 문서 먼저 → 코드 → 검증
• docs/process/sot-priority.md — 문서·코드가 어긋날 때 누가 이기나, 상태 헤더 규칙
• .github/pull_request_template.md — UI 변경 체크리스트
• .github/ISSUE_TEMPLATE/system-change.yml — 새 토큰·컴포넌트·패턴 제안
• 기준 문서 상단 "상태: In sync (날짜)" 통일, SYSTEM.md 로드맵에 A~G 완료 표시

레포 설정 (관리자)

• develop 브랜치 보호에서 CI 통과 필수를 켜야 머지가 실제로 막힙니다
• 이슈 템플릿용 system-change 라벨 생성

화면 변화

• CodeBlock 에 Tab 으로 들어가면 포커스 링. 그 외 겉모습 동일(목록은 스크린리더 구조만 변경)

검증

• yarn lint / typecheck / test / build / tokens:check
• Storybook 빌드 후 스토리 100개 axe 검사 위반 0
• 이 PR 에서 새 CI 첫 실행 — 통과 (1분 32초)

🤖 Generated with Claude Code