TeamWicked Design System / 업무 패턴

비활성·읽기 전용·권한

할 수 없는 행동과 읽을 수 있는 정보를 구분합니다.

적용 범위: TeamWicked 자체 브랜드·웹사이트. 호스팅 제품의 외형은 포함하지 않습니다. 공통 동작 규칙을 재사용하며, 다른 체계의 사례는 비교 근거일 뿐 스타일 상속이 아닙니다.

세 가지 구분

disabled는 현재 조작할 수 없음, read-only는 값을 읽지만 바꿀 수 없음, hidden은 그 문맥에서 노출하지 않음입니다. 모두 서버 권한 검사를 대신할 수 없습니다.

  • RO-01 MUST: 사용자가 기대하는 행동이 disabled라면 이유와 가능한 해결 경로를 근처에서 읽을 수 있게 합니다.
  • RO-02 MUST: 읽어야 하는 값을 단지 편집 금지라는 이유로 저대비 처리하지 않습니다.
  • RO-03 MUST: HTML disabled 필드가 일반 폼 제출에서 빠지는 점을 고려합니다.
  • RO-04 MUST: read-only를 지원하지 않는 컨트롤에 속성만 얹어 동작한다고 가정하지 않습니다.
  • RO-05 MUST: 사용자/서버 권한과 확장 표시 정책은 별도 경계이며 API에서 최종 검사합니다.

제품 예시

정지된 서비스의 재시작이 불가능하면 “서비스가 정지되어 전원 작업을 사용할 수 없습니다”와 문의 경로를 표시합니다. 읽을 수 있는 서버 주소는 선택·복사를 유지합니다. 미사용 상품·내부 관리용 항목의 노출 정책을 디자인 문서 작업으로 변경하지 않습니다.

확인

비활성 이유를 키보드로 읽을 수 있는지, 읽기 전용 값의 대비와 복사, 폼 제출 필드 누락, 직접 API 요청의 권한, 상태 변경 후 UI 갱신을 검증합니다.

출처와 적용 범위

원본 확인 범위와 운영 적용 여부를 구분합니다. 실행형 예제의 동작 확인은 모든 운영 화면의 접근성 검증을 의미하지 않습니다.

Markdown 원본 다운로드