공개 후 고정
unobserve()로 첫 등장 이후에는 추적을 멈춥니다.
접근성을 지킨 애니메이션
처음 나타난 뒤로는 콘텐츠가 계속 보입니다.
아래로 스크롤
커버는 한 번 올라가면 그대로 유지됩니다.
접근성 특징
요소가 한 번 나타나면 그 자리에 고정됩니다.
깜빡임 없음
스크롤을 오르내려도 콘텐츠가 사라졌다 나타나지 않습니다.
모션에 안전
사용자의 모션 설정을 존중합니다.
접근성 지표
통계도 한 번 나타나면 계속 유지됩니다.
100%
접근 가능한 콘텐츠
0
리플로 문제
A+
사용자 경험
접근성 구현
- 공개 직후
observer.unobserve(element)호출 .is-locked클래스로 트랜지션 차단- 애니메이션 전에
prefers-reduced-motion확인 - 시맨틱 HTML과 ARIA 랜드마크 사용
왜 고정할까요?
- 깜빡임에서 오는 인지 부담을 줄입니다
- 모션에 민감한 사용자의 부담을 덜어줍니다
- 스크린 리더 사용 경험이 좋아집니다
- 모바일에서 배터리를 아낍니다
권장 사항
- 정적 폴백을 언제나 함께 제공하기
- 모션 감소를 켠 상태로 확인하기
- 애니메이션 없이도 읽히는지 확인하기
- 충분한 명도 대비 쓰기