Layout-Navigation

헤더

header 테스트 목적 헤더는 사이트의 첫 인상입니다. 브랜드, 주요 메뉴, 언어 전환, 검색 진입점이 서로 싸우지 않아야 합니다. 확인 항목 메뉴가 너무 많아 첫 화면을 침범하지 않는가 모바일에서 메뉴가 자연스럽게 접히는가 현재 섹션이 적절히 강조되는가 기대 결과 헤더는 존재감은 분명하되, 콘텐츠보다 앞서 나가지 않아야 합니다. ...

푸터

footer 테스트 목적 푸터는 사이트 끝이 아니라 보조 탐색의 출발점입니다. 링크가 너무 많아도 안 되고, 너무 적어도 정보가 사라집니다. 확인 항목 정책 링크와 보조 링크가 분리되는가 복잡한 정보가 한 화면에 과밀하지 않은가 언어별 푸터 문맥이 일관적인가

페이지네이션

pagination 테스트 목적 목록이 길어질수록 페이징의 품질이 중요해집니다. 현재 위치, 이전/다음 관계, 버튼 크기가 안정적이어야 합니다. 확인 항목 현재 페이지가 충분히 강조되는가 이전/다음 이동이 직관적인가 숫자 범위가 너무 넓거나 좁지 않은가

언어 전환기

language switcher 테스트 목적 언어 전환은 단순히 다른 언어 홈으로 보내는 링크가 아니라, 현재 문서의 대응 번역으로 이동해야 합니다. 확인 항목 현재 페이지가 가능한 경우 같은 문서의 다른 언어로 이동하는가 번역이 없을 때 안전한 대체 경로가 있는가 표기와 순서가 언어별로 일관적인가 운영 원칙 secondary 언어를 준비하지 않았다면 구조만 맞추고 본문은 비워 두는 편이 낫습니다. 잘못된 번역 연결보다 비어 있는 구조가 더 안전합니다. ...

브레드크럼

breadcrumbs 테스트 목적 breadcrumb는 사용자가 지금 어디에 있는지, 어디에서 왔는지 설명합니다. 깊은 구조일수록 중요합니다. 확인 항목 상위 계층이 올바르게 나열되는가 현재 페이지가 마지막에 분명히 표시되는가 모바일에서 길이가 과도하지 않은가 기대 결과 breadcrumb는 현재 문맥을 잃지 않게 해 주는 작은 나침반입니다. ...

메뉴

menus 테스트 목적 메뉴는 content가 아니라 구성 파일에서 관리해야 합니다. 이 페이지는 메뉴 구조를 이해하고, 바뀌어도 어디를 먼저 수정해야 하는지 확인하는 기준입니다. ...