Project

General

Profile

Actions

새기능 #522

open

[프론트][P2] UX·접근성 묶음

Added by joungmin ko about 2 months ago. Updated about 2 months ago.

Status:
진행
Priority:
보통
Assignee:
-
Start date:
06/27/2026
Due date:
% Done:

80%

Estimated time:

Description

프론트엔드 UX/접근성 개선:

  • 플래시카드 role=button 안에 중첩 button/a → 키보드/AT 깨짐 (study/drill-session). 구조 분리.
  • song-lyrics가 lib/api 우회하고 /backoffice-api 직접 fetch (song-lyrics.tsx:283,317). lib/api로 추출.
  • 아이콘 전용 버튼/링크 aria-label 부재(스트리밍/하트/Listen).
  • artist 협업 파서 정규식 취약(Tyler, The Creator 등) → 백엔드 /featuring 사용 (artist/page.tsx:18).
  • my/page 즐겨찾기 해제 실패 무시 → UI/DB 불일치 (my/page.tsx:35).
  • lang='ko' 고정 + 메타데이터 빈약(OG/SEO/per-route) (layout.tsx).
  • Modal 닫을 때 포커스 복원 안 됨. speak() 3곳 중복 → lib/speech.ts.

— 6-페르소나 코드리뷰(2026-06-27)에서 도출. 소스 검증 완료. [AI 등록]

Actions

Also available in: Atom PDF