찾기 쉬운 도움 정보

무엇을 요구하나요?

여러 페이지에 도움 정보(고객센터 전화번호, 문의하기, 자주 묻는 질문, 채팅 상담 등)가 있다면, 페이지마다 같은 위치·같은 순서로 제공해야 합니다. 인지 장애가 있는 사용자나 화면 낭독기 사용자는 도움이 필요할 때 매번 새로 찾아야 하면 포기하기 쉽습니다.

자주 틀리는 예

1. 페이지마다 다른 곳에 있는 고객센터

어떤 페이지는 머리말에, 어떤 페이지는 본문 중간에, 결제 페이지에는 없는 경우가 흔합니다. 공통 레이아웃에 넣어 위치를 고정하세요.

<!-- 상품 페이지 -->
<main>… <p>문의: 1588-0000</p> …</main>
<!-- 결제 페이지 -->
<footer><a href="/faq">도움말</a></footer>

<!-- 모든 페이지 공통 꼬리말 -->
<footer>
  <nav aria-label="도움 정보">
    <a href="/faq">자주 묻는 질문</a>
    <a href="/contact">1:1 문의</a>
    <a href="tel:15880000">고객센터 1588-0000</a>
  </nav>
</footer>

2. 순서가 바뀌는 도움 링크

같은 링크들이라도 페이지마다 순서가 바뀌면 찾기 어렵습니다. 공통 컴포넌트 하나로 만들어 모든 페이지에서 재사용하세요.

// 공통 도움 정보 컴포넌트 (예: 프레임워크의 레이아웃에서 한 번만 정의)
const HELP_LINKS = [
  { href: '/faq', label: '자주 묻는 질문' },
  { href: '/contact', label: '1:1 문의' },
];

3. 채팅 상담 버튼의 위치·초점 문제

화면 구석에 떠 있는 채팅 버튼은 모든 페이지에서 같은 위치에 두고, 키보드로 갈 수 있어야 합니다. 본문 내용이나 초점 표시를 가리지 않는지도 확인하세요.

확인하는 방법

1. 메인, 목록, 상세, 회원가입, 결제 등 대표 페이지 5개 이상을 열어 도움 정보의 위치와 순서를 비교하세요.
2. 화면 크기를 바꿔도(모바일 화면) 상대적인 위치가 일관된지 확인하세요.
3. 자동 검사로는 확인할 수 없는 항목입니다. 수동 점검표에 기록하세요.