ProvenanceTimeline
근거 상태가 바뀐 이력을 시간순으로.
- 출시 화면에서 사용
개요
미리보기
Evidence history
YouReviewed again
Reviewed again
예시
상태
접힘(최근 1)
Evidence history
YouReviewed again
Reviewed again
전체
Evidence history
YouReviewed again
Reviewed againSystemAccess back
Needs reviewSystemAccess lost
Source unavailableSystemScanned
Matches source
쓰임 예
제목 h3
Evidence history
YouReviewed again
Reviewed againSystemAccess back
Needs reviewSystemAccess lost
Source unavailableSystemScanned
Matches source
이렇게 · 이렇게 하지 않기
- 이렇게 상태가 바뀐 시점과 이유를 시간순으로 쓴다. “다시 검토함”은 이 이력에서만 보인다.
- 이렇게 주체를 글자로 쓴다(시스템 / 나). 사람의 검토와 시스템의 읽음은 다른 동사로 구분한다.
- 이렇게 하지 않기 ✓ 체크 목록 모양이나 진행률로 그리지 않는다. “확인됨”을 쓰지 않는다. 선이 그려지는 애니메이션을 넣지 않는다.
토큰과 속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
entries | readonly ProvenanceEntry[] | — | 저장소의 이력(detailHistory(store, claimId, sourceId?)), 오래된 것부터. 미리보기는 표본 이력 4개를 쓴다. |
expanded? | boolean | false | 전체 이력으로 시작한다. 기본(접힘)은 최근 1개만 — 출시 형태. |
titleOrder? | 3 | 4 | 4 | “근거 이력” 제목 수준. |
| 그 밖의 속성 | — | — | <section> 속성(id, aria-*)이 전달된다. |
접근성
키보드: “전체 이력 보기” 버튼(Disclosure) Enter·Space.
- <ol> 항목마다 “시스템 · 읽음 · 10월 2일”처럼 주체를 글자로 읽는다. <time datetime>을 쓴다.
- 사람의 행동은 채운 점, 시스템은 빈 점(모양 구분, forced-colors 유지).