설명

할인 종료까지 남은 시간을 보여주는 프로모션 스트립 세 가지입니다. 그라데이션 바형은 일·시·분·초를 각각 숫자 박스로 나누고 점선 테두리의 쿠폰 코드와 복사 버튼, CTA를 오른쪽에 모읍니다. 라이트 보더형은 본문 사이에 끼워 넣기 좋은 흰 배경이고, 다크 컴팩트형은 사이트 최상단 고정 바에 맞춘 한 줄 구성입니다. 세 종 모두 숨긴 체크박스와 peer-checked를 써서 스크립트 없이 닫히고, 닫으면 대체 안내 문구가 role=status로 노출됩니다. 카운트다운 영역에는 role=timer와 남은 시간을 풀어 쓴 aria-label을 넣었습니다.

변경 이력