웹사이트 첫 화면에서 정체·목적·현재 위치를 확인시키는 구조

처음 들어온 사람이 사이트 이름 옆에서 찾는 답

검색으로 글 한 편에 도착한 사람은 사이트의 첫 화면을 보지 않았습니다. Frame Archive라는 이름만으로는 포스터를 판매하는 곳인지, 디자인 자료를 모으는 곳인지 알기 어렵습니다. 제목 옆의 짧은 소개와 상위 주제, 소개 문서로 가는 경로가 이 빈칸을 채웁니다.

위 예제의 Frame Archive는 포스터의 도형·색상·정보 순서를 설명하는 가상 자료실입니다. 첫 방문자에게 필요한 답은 무엇을 다루는지, 어떤 자료로 설명하는지, 지금 어느 구역에 있는지입니다. 이 세 답을 화면의 서로 다른 위치에 맡깁니다.

소개 한 문장은 대상 자료와 하는 일을 담습니다

두 번째 문장을 제목에, 세 번째 문장을 요약에 두면 같은 소개를 두 번 쓰지 않고 범위를 보충할 수 있습니다. 실제 작업 이력이 없는 가상 자료실에 전문가·대표·검증된 노하우 같은 권위를 덧붙일 이유는 없습니다. 누가 무엇을 책임지는지는 소개 문서에서 구체적으로 적습니다.

USWDS의 랜딩페이지 안내도 조직이 말할 내용과 방문자가 알아야 할 내용을 먼저 정하라고 설명합니다. 템플릿에 통계 칸이 있다고 방문자 수나 수상을 채우는 방식보다, 이 자료실에서 실제로 제공하는 정보를 보여주는 편이 목적에 맞습니다.

홈·주제 목록·글에서 현재 위치의 답은 달라집니다

홈의 큰 소개문을 글 페이지에도 그대로 반복하면 정작 글 제목이 밀립니다. 글에서는 짧은 사이트 설명과 주제 표시로 문맥을 주고, 자세한 소개는 연결된 문서에 맡길 수 있습니다. 로고를 누르면 홈으로 돌아간다는 기본 경로와 현재 구역 표시가 함께 있어야 독자가 관계를 이해하기 쉽습니다.

현재 위치를 색만으로 표시하기보다 밑줄과 aria-current 같은 상태를 함께 검토합니다. 실제 메뉴 배치와 열기·닫기는 헤더의 역할 배분과 모바일 메뉴 동작에서 이어서 볼 수 있습니다.

권위 문구 대신 확인할 문서로 연결합니다

운영 표시명은 소개, 글의 작성자, 푸터에서 같은 대상을 가리켜야 합니다. 작성 방법은 원칙 문서로, 오류 제보는 문의 경로로 연결합니다. 첫 화면에 모든 정책 전문을 펼칠 필요는 없지만 독자가 어느 링크를 누르면 답을 얻는지는 알 수 있어야 합니다.

• 소개: 운영 표시명과 역할을 확인한다.
• 작성 원칙: 자료 선택과 수정 방식을 읽는다.
• 정정 경로: 글 주소와 잘못된 내용을 알릴 방법을 찾는다.

문서가 존재한다는 사실만으로 운영 품질을 평가할 수는 없습니다. 다만 링크를 열어 내용이 비어 있는지, 첫 화면에서 한 말과 같은 범위를 설명하는지는 직접 대조할 수 있습니다. 확인할 수 없는 권위 배지를 늘리는 대신 이 경로부터 완성합니다.

세 문장만 이어 읽어도 목적과 위치가 남아야 합니다

사이트 소개 한 문장, 지금 보고 있는 페이지 제목, 다음 링크의 이름을 순서대로 읽어 보세요. 자료실의 설명 방식에서 개별 글로, 그 글에서 같은 주제 목록으로 자연스럽게 이어지는지 봅니다. 이름을 빼고도 “무슨 자료를 읽고 어디로 갈 수 있는가”가 남는 구성이 목표입니다. 소개문 자체를 더 자세히 써야 한다면 운영 주체와 책임 범위 작성으로 넘어가면 됩니다.

참고 자료

• Header
• Landing page
• Understanding Success Criterion 2.4.6: Headings and Labels
• Understanding Success Criterion 2.4.7: Focus Visible