WBDS 01
WBDS 01 DOCUMENTATION

Browse the system

Navigation loads from the WBDS 01 Docs manifest.

WBDS 01 SEARCH

Find documentation

Type to search the WBDS 01 documentation hierarchy.

Foundations

Responsive

좁은 화면에서도 실제 작업·필수 행동·근거를 유지하도록 구조를 재배치하는 규칙입니다.

Live foundation specimen

WBDS Foundation의 현재 값과 실제 적용 결과를 함께 볼 수 있습니다.

PageReadable content and required actions survive viewport changes.
WorkbenchDensity changes the hierarchy, not the truth of the underlying task.

Responsive foundation

페이지와 Workbench의 실제 helper가 화면 폭에 대응합니다.

와 는 폭을 화면과 최대 폭 중 작은 값으로 제한합니다. 620px 이하에서 패키지 공통 바깥 여백은 24px 기준입니다. 복합 컴포넌트의 개별 breakpoint는 해당 컴포넌트가 소유합니다.

Usage

화면을 줄이는 대신 역할과 순서를 다시 배치합니다.

필수 Action·선택 상태·Evidence를 가리지 않습니다. Reader·Workbench·Utility 등 화면 목적에 맞는 구성을 선택하고, 특정 Consumer 그래프의 크기나 위치 계산을 공통 Grid 정책으로 일반화하지 않습니다.

Accessibility

축소·확대 상황에서 조작 가능성과 읽는 순서를 지킵니다.

320–430px 휴대전화, Desktop, 200% 확대, 긴 KO/EN/JA 문구를 검사합니다. 표·코드·그래프에 가로 이동이 실제 필요하다면 해당 영역만 키보드로 접근 가능한 overflow를 사용합니다.

참고 문서 4
AccessibilityFoundationComponentsFoundations