ARIA Feed Pattern
ARIA 피드 패턴
ARIA 피드 패턴은 변화하는 기사 같은 항목들의 스트림입니다. 사람들이 이동함에 따라 새로운 항목을 추가하거나 오래된 항목을 제거할 수 있습니다.
다른 예시
한 연구원이 게시물을 이동하기 위해 Page Down 키를 사용합니다. 각 글에는 위치, 작성자 헤딩, 반응이 표시됩니다. 다음 20개 항목이 로드될 때 현재 글, 총 개수 및 포커스가 올바르게 유지됩니다. 오래된 게시물이 메모리를 절약하기 위해 제거될 때에도 올바르게 유지됩니다.
주요 부분
- 01피드 컨테이너
- 02기사 항목
- 03로딩 및 위치 메타데이터
사용할 때
이 고급 패턴은 기사를 계속 로딩하고 보조 읽기 모드와 함께 작동해야 하는 기사 스트림에서만 사용하세요.
다음 경우에는 사용하지 마세요
고정된 결과 집합에는 일반 목록을 사용하세요. 포커스와 로딩이 전체 패턴을 따르지 않는 한 피드 역할을 추가하지 마세요.
코드에서 사용된 이름
role=feed containing labeled article regions with posinset/setsize 출시하기 전에
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome：Complete the task with ARIA 피드 패턴 (ARIA Feed Pattern)。 User context：한 연구원이 게시물을 이동하기 위해 Page Down 키를 사용합니다. 각 글에는 위치, 작성자 헤딩, 반응이 표시됩니다. 다음 20개 항목이 로드될 때 현재 글, 총 개수 및 포커스가 올바르게 유지됩니다. 오래된 게시물이 메모리를 절약하기 위해 제거될 때에도 올바르게 유지됩니다. Recommended pattern：ARIA 피드 패턴 (ARIA Feed Pattern)。 Why it fits：이 고급 패턴은 기사를 계속 로딩하고 보조 읽기 모드와 함께 작동해야 하는 기사 스트림에서만 사용하세요. Do not use it when：고정된 결과 집합에는 일반 목록을 사용하세요. 포커스와 로딩이 전체 패턴을 따르지 않는 한 피드 역할을 추가하지 마세요. 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)：해당 출처에 대해 공식적인 것입니다. 다른 플랫폼이나 팀은 그 용어를 다른 방식으로 사용할 수 있습니다. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
이 요청을 확인하세요
Review how ARIA 피드 패턴 (ARIA Feed Pattern) is used now. Definition: ARIA 피드 패턴은 변화하는 기사 같은 항목들의 스트림입니다. 사람들이 이동함에 따라 새로운 항목을 추가하거나 오래된 항목을 제거할 수 있습니다. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.