반응형 prefers-reduced-motion1 웹사이트 모션 줄이기: prefers-reduced-motion 적용과 테스트 웹사이트에 전환 효과나 스크롤 애니메이션을 넣었다면, 방문자의 기기에서 ‘동작 줄이기’ 설정을 켰을 때도 같은 방식으로 움직이는지 확인해야 합니다. CSS의 prefers-reduced-motion은 그 설정을 읽는 출발점입니다. 다만 이 미디어 쿼리 한 줄을 추가하는 것만으로 모든 애니메이션과 자바스크립트 동작이 자동 처리되지는 않습니다.이 글은 불필요한 움직임을 줄이면서 선택 상태, 메뉴 열림, 장바구니 결과처럼 기능에 필요한 정보는 그대로 남기는 구현 순서를 정리합니다. 2026년 10월 19일 W3C와 MDN 공식 문서를 확인했습니다.먼저 기준을 구분하기WCAG 2.2의 성공 기준 2.3.3 ‘인터랙션으로 인한 애니메이션’은 사용자의 조작으로 시작되는 비필수 모션을 끌 수 있게 하는 기준입니다. .. 홈페이지 2026. 10. 19. 이전 1 다음 반응형
