설명

영상 목록에 쓰는 카드 3종입니다. 대표형은 큰 썸네일에 중앙 재생 버튼과 이어보기 진행바를 얹고 옆에 제목·채널·설명을 둡니다. 그리드형은 3열로 배치하며 진행률이 남은 카드, LIVE 배지가 붙은 카드, 일반 카드를 함께 보여줍니다. 목록형은 가로로 썸네일과 요약을 나란히 놓고 시청 완료 표시를 더했습니다. 재생시간 배지와 시청 진행바에는 각각 role과 aria-label을 지정해 색과 길이만으로 상태를 전달하지 않도록 했습니다.

변경 이력