TrustLabel
신뢰 상태 라벨: 아이콘, 글자, 불투명 바탕.
- 출시 화면에서 사용
개요
미리보기
Needs review
예시
상태
verified
Matches sourceinferred
Inferredself-stated
Written by youuser-reviewed
Reviewed by yousource-unavailable
Source unavailableneeds-review
Needs reviewreverified
Matches source
7 × 표면 행렬: 카드
카드에서 렌더하지 않는 칸은 “표시 안 함”으로 보인다.
verified
Not showninferred
Inferredself-stated
Not shownuser-reviewed
Not shownsource-unavailable
Source unavailableneeds-review
Needs reviewreverified
Not shown
7 × 표면 행렬: 위젯 S
verified
Not showninferred
Not shownself-stated
Not shownuser-reviewed
Not shownsource-unavailable
Source unavailableneeds-review
Needs reviewreverified
Not shown
쓰임 예
카드의 검토 필요
Needs review이력의 다시 검토함
Reviewed again
이렇게 · 이렇게 하지 않기
- 이렇게 7가지 어휘만 쓰고 새 상태를 만들지 않는다.
- 이렇게 카드에는 예외(추정, 원문 열 수 없음, 검토 필요)만, 상세에는 전체를 보여준다.
- 이렇게 하지 않기 시스템이 읽은 것을 “검증됨”이나 “확인됨”으로 쓰지 않는다. 체크 아이콘 하나나 색만으로 상태를 말하지 않는다.
토큰과 속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
status | 'verified' | 'inferred' | 'self-stated' | 'user-reviewed' | 'source-unavailable' | 'needs-review' | 'reverified' | needs-review | 7가지 신뢰 어휘 중 하나. 컴포넌트는 상태를 계산하지 않고 저장소에서 받은 값을 그린다. |
surface? | 'card' | 'detail' | 'widget-s' | 'history' | card | 그리는 자리. card는 예외 3종만, widget-s는 검토 필요·원문 열 수 없음만, detail은 전부(다시 검토함은 원문 일치로), history는 그대로. 숨기는 칸에서는 아무것도 렌더하지 않는다. |
| 그 밖의 속성 | — | — | id, aria-* 등 span 속성이 전달된다. 부모 링크에서 aria-describedby로 이 id를 가리킨다. |
접근성
키보드: 비대화형이라 초점을 받지 않는다.
- 글자가 접근 이름이다. 아이콘은 aria-hidden.
- 상태가 바뀌어도 알리지 않는다. 사용자 행동의 결과일 때만 그 행동을 가진 컴포넌트가 알린다.
- forced-colors에서 아이콘 + 글자 + 테두리 모양(점선·끊긴 선·굵은 머리)이 남는다.