2025-12-04

모션 감소 설정과 마케팅 배너

정민하

모션 감소 설정과 마케팅 배너

마케팅 배너는 브랜드 톤을 살리기 위해 애니메이션에 의존하는 경우가 많습니다. 그러나 ‘모바일 제스처·터치 타깃 점검’에서 모션 감소를 켠 사용자가 실제로 겪는 문제는, 정보가 아예 사라지거나 타이밍이 틀어져 버튼을 놓치는 형태였습니다.

첫 단계로 자동 재생 길이를 고정하고, 정지 버튼을 항상 첫 포커스 순서에 두는 방식이 효과적이었습니다. 다음으로, 감소 모드에서는 색 대비와 타이포 위계로 시선을 이끌도록 바꿉니다.

마지막으로, 배너 내부 링크는 한 번에 한 개만 키보드로 접근 가능하게 유지합니다. 여러 CTA가 겹치면 스크린리더 사용자가 목적지를 예측하기 어려워집니다.