포커스 순서

Outcome：Complete the task with 포커스 순서 (Focus Order)。 User context：결제 시 Tab 키는 연락처 정보, 배송, 결제, 검토, 그리고 '주문하기'로 이동합니다. 쿠폰 패널은 미리 이동하지 않습니다. 주소 대화 상자가 닫히면 포커스는 해당 버튼으로 돌아갑니다. Recommended pattern：포커스 순서 (Focus Order)。 Why it fits：DOM 순서를 읽기 및 작업 순서와 동일하게 유지하십시오. 상호작용이 컨텍스트를 변경할 때만 포커스를 직접 이동하십시오. Do not use it when：양수 tabindex 값은 피하십시오. 시각적 경로와 키보드 경로가 달라질 때 CSS 순서를 사용하지 마십시오. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary)：이 표준은 나열된 범위만 적용합니다. 시각적 스타일, 제품 결정, 또는 Vibulary 예시는 선택하지 않습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.