fix(ux): UX 감사 1차 배치 (접근성·상태 피드백·플로우)#135
Merged
Merged
Conversation
회의적 max + 전문가 UX 감사(22건 검증 통과)에서 저effort·고영향 11건 반영. 접근성: - 캡션 대비: fg-subtle #6e7f9f→#586a8e, warning-700 #8a6529→#7e5a22 (WCAG AA). - 키보드 포커스 링 복원: TextArea·세션설정·자소서 입력의 focus:outline-none → focus-visible:ring-2 ring-primary. - 자소서 폼 문항 input/textarea aria-label. 상태/오류 피드백: - 음성 답변 업로드 실패 토스트(useLiveInterview onError) — 녹음 소실 무음 차단. - 공유/PDF 다운로드 실패 토스트(FeedbackReport + useShareFeedback onError). - 자소서 폼: 안정 key(uuid), 빈 답변 무음 drop → 인라인 경고+제출 차단. 플로우/일관성: - 세션 자료 선택기 영문 ENUM → 한국어 라벨(SOURCE_LABEL을 domain/rag로 추출 공유, '자소서' 포함), 빈 상태에 자료 준비 동선 링크. - 면접 모드 4종 설명 추가(ModeSelector). - 모바일 워크스페이스 사이드바: 가로 오버플로 차단 + 모바일 로그아웃 노출 + 활성 라우트 primary 강조. - 하드코딩 hex → sage 토큰, 자소서 제출버튼 shared Button 통일. - 점수 추이 차트 preserveAspectRatio 제거 + aspect-[24/11](점 타원화 방지). build 통과, lint 신규 에러 없음. 프론트 전용. (낙관적 롤백·검증 교차·피드백 섹션 재배치·터치타깃·스켈레톤은 후속 배치로 보류.) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
1 participant
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.
변경 사항
회의적 max + 전문가 UX 감사(5렌즈 → 26건 발견 → 22건 가치 검증 2/2 통과)에서 저effort·고영향 11건 반영. 프론트 전용.
접근성 (a11y)
fg-subtle#6e7f9f→**#586a8e**,warning-700#8a6529→**#7e5a22** — 12px 캡션/배지 WCAG AA(4.5:1) 충족. fg-subtle은 점수근거·라벨 등 전역 사용.TextArea·세션설정·자소서 입력의focus:outline-none(대체 표식 1.21:1로 비가시) →focus-visible:ring-2 ring-primary. (WCAG 2.4.7)상태/오류 피드백 (데이터 유실 방지)
useLiveInterviewonError) — 실패 시 무음으로 녹음 소실되던 것 차단.FeedbackReport+useShareFeedbackonError).플로우·일관성
SOURCE_LABEL을domain/rag로 추출 공유, '자소서' 포함), 빈 상태에자료 준비하기링크.primary강조.sage토큰, 자소서 제출버튼 sharedButton통일.preserveAspectRatio="none"제거 +aspect-[24/11](점 타원화 방지).검증
npm run build통과, lint 신규 에러 없음(기존 useTypewriter/useInterviewSocket 4건만). FSD 준수(SOURCE_LABEL을 domain으로 추출해 features↔features 의존 회피).후속 배치로 보류(중간 규모)
낙관적 답변 롤백(#9), 질문수 교차검증(#17), 피드백 섹션 재배치(#18), setup 레이아웃 편입(#16), 터치타깃 44px(#22), AsyncBoundary 스켈레톤(#12).
🤖 Generated with Claude Code