키보드로 항목 열기 테스트
Tab을 누른 다음 Enter 또는 Space를 사용하여 각 항목을 열고 닫습니다. 제목은 공개 상태를 나타내야 합니다. 숨겨진 콘텐츠는 탭 순서로 컨트롤을 유지하면 안 됩니다.
아코디언 디자인 시스템
쉽게 찾고 탐색할 수 있으면서도 콘텐츠를 축소할 수 있습니다.
체크리스트 내용
검토 진행 상황
01
구조와 의미
사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.
02
상호 작용 및 유용성
작업을 시도하고 상태를 변경한 후 작업을 계속하세요.
진행 상황은 이 브라우저에 자동으로 저장됩니다.
안내
검토 방법
예시
활용 예시
FAQ 목록에서 답변을 엽니다.
질문 제목은 열림 또는 닫힘 상태의 버튼입니다. 열면 답변이 바로 아래에 있으며 여전히 해당 항목에 연결되어 있습니다.
변형 및 사용 사례
열기 및 축소 표시
패널이 닫혀 있는지 열려 있는지를 나타내는 표시를 선택하세요. 기호 방향은 실제 상태를 따라야 합니다.
키보드를 사용하여 열고 닫습니다. 악센트와 아리아 확장이 동시에 변경되는지 확인하세요.
예시 답이 열려 있으면 더하기 기호가 빼기 기호로 바뀝니다.
일반 정보
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
고급 설정
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
일반 정보
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
고급 설정
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
행 상태
모양과 접근성 속성에 따라 기본, 마우스 오버, 포커스 및 열기를 구별합니다.
각 제목을 탭한 다음 Enter를 사용하세요. 열린 패널은 초점을 잃을 수 없습니다.
예시 배경색과 관계없이 열린 행에 초점 테두리가 계속 표시됩니다.
기본값
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
선택
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
활동
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
사용할 수 없음
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
항목을 나누는 방법
내용의 관련성에 따라 구분선, 간격, 배경 블록을 사용하세요.
긴 문장을 많이 열어보세요. 공백은 제목이 어떤 답변에 속하는지 명확하게 나타내야 합니다.
예시 질문 그룹은 구분선을 사용합니다. 다른 그룹에는 자체 제목이 있습니다.
일반 정보
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
고급 설정
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
일반 정보
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.
고급 설정
열린 섹션에는 현재 위치의 콘텐츠가 표시됩니다.