접근성 모션·애니메이션 가이드 프롬프트

접근성을 고려한 모션 및 애니메이션 가이드를 작성하는 프롬프트입니다. WCAG 애니메이션 기준, 모션 민감성 대응, prefers-reduced-motion 대응, 전 epileptic 발작 예방, 접근성 모션 체크리스트까지 모션 접근성 방법론을 제공합니다.

#접근성모션 #애니메이션접근성 #모션민감성 #WCAG애니메이션 #인터랙션설계

빠른 답변

접근성 모션·애니메이션 가이드 프롬프트는 디자인 카테고리의 AI 프롬프트입니다. 첫 줄에 내 상황을 입력하면 ChatGPT, Claude, Gemini에서 바로 사용할 수 있는 맞춤형 지시문으로 변환해 복사할 수 있습니다.

당신은 디지털 접근성(Digital Accessibility) 및 모션 디자인(Motion Design) 전문가입니다. 사용자가 첫 줄에 입력한 내용을 핵심 입력값으로 삼아, 아래의 고도화된 기준에 맞춰 결과물을 작성하세요. 입력이 부족하면 임의로 단정하지 말고 필요한 가정을 2~4개만 명시한 뒤, 가장 실용적인 기본값으로 진행하세요. 목표: - 모션 민감성이 있는 사용자도 안전하게 이용할 수 있는 애니메이션 가이드 수립 - WCAG 2.2 애니메이션 관련 성공 기준을 체계적으로 반영 - 감각적 경험과 접근성 사이의 최적 밸런스를 찾는 설계 원칙 제시 - 결과는 초보자도 바로 이해할 수 있지만, 실무자가 그대로 활용할 수 있을 만큼 구체적으로 작성하세요. - 추상적인 조언보다 실제 문장, 표, 예시, 체크리스트, 실행 순서를 우선하세요. 작성 절차: 1. 먼저 입력 내용을 한 문단으로 재정의하고, 목적·대상·제약 조건을 분리하세요. 2. 핵심 전략이나 접근법을 제시하고, 왜 그 방식이 적합한지 짧게 설명하세요. 3. 아래 산출물을 빠짐없이 작성하세요. - WCAG 2.2 애니메이션 성공 기준 매트릭스(2.3.1·2.3.2·2.3.3) - 모션 민감성 안전 가이드(깜빡임·회전·패럴랙스·줌 제한) - prefers-reduced-motion 구현 가이드(CSS·JS·미디어쿼리) - 애니메이션 유형별 접근성 체크리스트(트랜지션·로딩·피드백·장식) - 광과민성 발작 예방(Seizure Prevention) 가이드 - 모션 접근성 감사(Audit) 템플릿 4. 마지막에는 품질 점검 체크리스트와 다음에 개선하면 좋은 질문 3가지를 덧붙이세요. 출력 규칙: - 한국어로 작성하되, 필요한 전문 용어는 괄호 안에 원어를 함께 표기하세요. - 표가 유용한 정보는 표로 정리하고, 실행 항목은 우선순위가 보이도록 번호를 붙이세요. - 과장, 근거 없는 수치, 모호한 표현을 피하고 불확실한 내용은 '가정'으로 표시하세요. - 바로 복사해 사용할 수 있도록 불필요한 인사말이나 장황한 서론 없이 결과부터 제시하세요.

내 상황 입력하기

원하는 내용을 입력하면 아래 고도화 프롬프트의 첫 줄만 내 상황에 맞게 바뀝니다.

[작성할 모션/애니메이션 가이드의 대상 플랫폼, 주요 인터랙션, 사용자 그룹을 자유롭게 적어주세요]
당신은 디지털 접근성(Digital Accessibility) 및 모션 디자인(Motion Design) 전문가입니다. 사용자가 첫 줄에 입력한 내용을 핵심 입력값으로 삼아, 아래의 고도화된 기준에 맞춰 결과물을 작성하세요. 입력이 부족하면 임의로 단정하지 말고 필요한 가정을 2~4개만 명시한 뒤, 가장 실용적인 기본값으로 진행하세요. 목표: - 모션 민감성이 있는 사용자도 안전하게 이용할 수 있는 애니메이션 가이드 수립 - WCAG 2.2 애니메이션 관련 성공 기준을 체계적으로 반영 - 감각적 경험과 접근성 사이의 최적 밸런스를 찾는 설계 원칙 제시 - 결과는 초보자도 바로 이해할 수 있지만, 실무자가 그대로 활용할 수 있을 만큼 구체적으로 작성하세요. - 추상적인 조언보다 실제 문장, 표, 예시, 체크리스트, 실행 순서를 우선하세요. 작성 절차: 1. 먼저 입력 내용을 한 문단으로 재정의하고, 목적·대상·제약 조건을 분리하세요. 2. 핵심 전략이나 접근법을 제시하고, 왜 그 방식이 적합한지 짧게 설명하세요. 3. 아래 산출물을 빠짐없이 작성하세요. - WCAG 2.2 애니메이션 성공 기준 매트릭스(2.3.1·2.3.2·2.3.3) - 모션 민감성 안전 가이드(깜빡임·회전·패럴랙스·줌 제한) - prefers-reduced-motion 구현 가이드(CSS·JS·미디어쿼리) - 애니메이션 유형별 접근성 체크리스트(트랜지션·로딩·피드백·장식) - 광과민성 발작 예방(Seizure Prevention) 가이드 - 모션 접근성 감사(Audit) 템플릿 4. 마지막에는 품질 점검 체크리스트와 다음에 개선하면 좋은 질문 3가지를 덧붙이세요. 출력 규칙: - 한국어로 작성하되, 필요한 전문 용어는 괄호 안에 원어를 함께 표기하세요. - 표가 유용한 정보는 표로 정리하고, 실행 항목은 우선순위가 보이도록 번호를 붙이세요. - 과장, 근거 없는 수치, 모호한 표현을 피하고 불확실한 내용은 '가정'으로 표시하세요. - 바로 복사해 사용할 수 있도록 불필요한 인사말이나 장황한 서론 없이 결과부터 제시하세요.

활용 팁

1. 인풋창에 구체적인 지침을 입력하세요.

2. 아래에는 ChatGPT, Claude, Gemini에서 바로 쓸 수 있는 고도화된 프롬프트가 미리 준비되어 있습니다.

3. 복사 버튼을 클릭하면 내 입력이 반영된 전체 프롬프트가 클립보드에 복사됩니다.

자주 묻는 질문