# 핀노트 랜딩 페이지 QA 결함 리포트 - 대상: `http://localhost:8000/D4_landing/index.html` - 검수일: 2026-09-09 (Asia/Seoul) - 범위: 데스크톱/태블릿/모바일 레이아웃, 링크·CTA·폼 동작, 문구, 접근성, 기본 SEO - 확인 화면: 기본 694×832(DPR 2), 모바일 375×812 - 판정: **출시 차단 수준 결함 있음** ## 요약 | 우선순위 | 수량 | 의미 | |---|---:|---| | P1 | 7 | 핵심 이미지·CTA·폼·주요 링크·모바일 사용을 직접 막음 | | P2 | 8 | 신뢰도, 접근성, 정보 정확도에 큰 영향 | | P3 | 4 | 품질·검색 노출·유지보수 개선 필요 | | 합계 | **19** | 확인 필요 항목 2건은 별도 표기 | ## 결함 목록 | ID | 우선순위 | 위치 | 결함 / 재현 결과 | 기대 결과 | |---|---|---|---|---| | D-001 | P1 | 히어로 대시보드 이미지 | `assets/hero-dashboard.png`가 **404**. 이미지 대신 alt 텍스트가 노출되고 히어로 비주얼 영역이 약 28px 높이로 붕괴함. | 실제 대시보드 이미지가 정상 표시되고 로딩 전에도 영역 비율이 유지되어야 함. | | D-002 | P1 | 주요 기능 > 세무사 공유 | `assets/icon-sync.png`가 **404**. 카드의 아이콘 대신 `세무사 공유 아이콘` 텍스트가 표시됨. | 다른 기능 카드와 동일한 44×44 아이콘이 표시되어야 함. | | D-003 | P1 | 히어로 > `14일 무료 채헐` | 버튼을 눌러도 이동, 폼 포커스, 모달 등 **아무 동작이 없음**. 버튼에 링크/이벤트 핸들러가 없음. | 가입 또는 도입 문의 같은 명확한 다음 단계로 연결되어야 함. | | D-004 | P1 | 도입 문의 > `문의 보내기` | 버튼이 `type="button"`이고 제출 로직이 없어 클릭해도 아무 일도 일어나지 않음. 폼 `action`도 `#`임. | 유효성 검사 후 문의가 전송되고 성공/오류 상태를 보여야 함. | | D-005 | P1 | 요금제 및 푸터 링크 | 아래 **8개 고유 URL, 9개 링크 위치가 404**: `/signup?plan=starter`, `/signup?plan=business`, `/blog`(헤더·푸터 2곳), `/changelog`, `/about`, `/careers`, `/help`, `/privacy`. | 링크가 실제 페이지로 열리거나 미구현 링크는 출시 전 숨겨야 함. | | D-006 | P1 | 통계 밴드 전체 | `.stats`가 `width:1200px; flex-wrap:nowrap`으로 고정됨. 694px 화면에서 문서 폭이 **1224px**, 375px 모바일에서도 **1224px**가 되어 큰 가로 스크롤이 발생함. | 화면 폭 안에서 1~2열로 재배치되며 가로 스크롤이 없어야 함. | | D-007 | P1 | 모바일 헤더, 375px | 모바일 전용 메뉴/숨김 규칙이 없어 로고와 `기능/요금제/고객사례/무료로 시작`이 한 줄에서 강제로 줄어듦. 글자가 한 글자씩 세로로 꺾이고 CTA가 잘림. | 햄버거 메뉴 또는 축약된 모바일 내비게이션으로 읽고 누를 수 있어야 함. | | D-008 | P2 | 요금제 > 엔터프라이즈 > `자세히 보기` | `#pricing-detail`로 연결되지만 문서에 해당 `id`가 없음. 눌러도 관련 상세 정보로 이동하지 않음. | 실제 상세 섹션/문의 영역으로 이동하거나 유효한 상세 페이지를 열어야 함. | | D-009 | P2 | 헤더 > `무료로 시작` | CSS 우선순위 때문에 CTA 글자색이 흰색이 아니라 `#5a6a85`로 계산됨. 배경 `#2f6bff` 대비가 약 **1.22:1**이라 거의 보이지 않고 WCAG AA를 크게 미달함. | 일반 텍스트 기준 최소 4.5:1 대비를 확보해야 함. | | D-010 | P2 | 히어로 본문·버튼, 푸터 저작권 | 오탈자 3건: `겸비 관리` → `경비 관리`, `무료 채헐` → `무료 체험`, `All rihgts reserved.` → `All rights reserved.` | 승인된 문구로 정확히 표시되어야 함. | | D-011 | P2 | 푸터 > 이용약관 | `href=""`라 현재 랜딩 페이지를 다시 열 뿐 약관으로 이동하지 않음. | 실제 이용약관 URL로 이동해야 함. | | D-012 | P2 | 푸터 > 전화번호 | 화면에는 `02-1234-567`(끝 3자리), 링크는 `tel:0212345670`(끝 `5670`)으로 **표시값과 실제 발신 번호가 다름**. | 표시 번호와 `tel:` 값이 동일하고 유효한 형식이어야 함. | | D-013 | P2 | 푸터 > 이메일·주소 | `hello@finnote.example`은 예약된 예시 도메인이며, 주소 `서울시 강남구 테헤란로 000`도 플레이스홀더로 보임. 실제 연락이 불가능해 신뢰도와 법적 고지 품질에 영향. | 운영 이메일과 정확한 사업장 주소를 사용해야 함. | | D-014 | P2 | 도입 문의 폼 전체 | `label`이 0개이고 `aria-label`도 없어 접근성 트리에서 네 필드가 모두 이름 없는 텍스트 필드로 노출됨. placeholder만으로 필드를 구분함. | 각 필드에 지속적으로 보이는 `