배포체크 · DeployCheck
SAMPLE · 구매 전 예시

배포체크 샘플 데모

http://127.0.0.1:4179/

0/100 · F

프리플라이트 우선순위 지표 · 공식 인증 점수가 아닙니다.

Critical3
High9
Medium6
Low0

샘플 안내: 이 결과물은 실제 고객 데이터가 아닌 의도적으로 오류를 심은 데모 페이지를 검사한 예시입니다.
자동화 기반 배포 전 프리플라이트 보조 점검입니다. 공식 웹접근성 인증, 보안 취약점 진단, 법률·개인정보보호 적합성 판정 또는 모든 브라우저·기기의 완전한 품질 보증을 대체하지 않습니다.

01

먼저 고칠 항목

심각도와 납품 리스크를 기준으로 상위 항목부터 확인하세요.

  1. CRITICALDC-001 · HTTP 404/missing · Desktop + Mobile
  2. CRITICALDC-002 · 버튼에 인식 가능한 이름이 없습니다. [button-name] (1개 요소)/ · Desktop 1440px · Mobile 390px
  3. CRITICALDC-003 · 이미지에 대체 텍스트가 없습니다. [image-alt] (1개 요소)/ · Desktop 1440px · Mobile 390px
  4. HIGHDC-004 · page error 1건/ · Desktop 1440px · Mobile 390px
  5. HIGHDC-005 · 깨진 내부 링크: http://127.0.0.1:4179/missing (404)/ · 사이트 공통
02

상세 이슈

각 항목을 문제 → 증거 → 영향 → 수정 가이드 → 재현 순서로 정리했습니다.

CRITICALDC-001
http

HTTP 404

페이지 /missing환경 Desktop + Mobile

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • HTTP 404

영향

4xx/5xx 응답은 방문자에게 오류 페이지를 노출하고 검색·공유 경로를 끊을 수 있습니다.

수정 가이드

의도한 페이지라면 정상 2xx 응답이 되도록 라우팅/배포 파일을 복구하고, 이동된 페이지라면 적절한 리다이렉트를 설정하세요.

재현 방법해당 URL을 직접 열어 HTTP 상태 코드와 실제 표시 화면을 함께 확인합니다.
DC-001 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-001 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
CRITICALDC-002
axe

버튼에 인식 가능한 이름이 없습니다. [button-name] (1개 요소)

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • button

영향

WCAG 자동 규칙에서 기계적으로 검출 가능한 위반 가능성이 발견됐습니다. 실제 영향도는 요소 맥락과 함께 확인해야 합니다.

수정 가이드

표시된 axe 규칙 ID와 selector를 기준으로 해당 요소의 접근 가능한 이름, 구조, 대비 또는 속성을 수정한 뒤 자동 점검을 다시 실행하세요.

재현 방법리포트의 selector 위치를 DOM에서 찾아 동일 axe 규칙이 다시 검출되는지 확인합니다.
DC-002 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-002 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
CRITICALDC-003
axe

이미지에 대체 텍스트가 없습니다. [image-alt] (1개 요소)

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • img

영향

WCAG 자동 규칙에서 기계적으로 검출 가능한 위반 가능성이 발견됐습니다. 실제 영향도는 요소 맥락과 함께 확인해야 합니다.

수정 가이드

표시된 axe 규칙 ID와 selector를 기준으로 해당 요소의 접근 가능한 이름, 구조, 대비 또는 속성을 수정한 뒤 자동 점검을 다시 실행하세요.

재현 방법리포트의 selector 위치를 DOM에서 찾아 동일 axe 규칙이 다시 검출되는지 확인합니다.
DC-003 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-003 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-004
javascript

page error 1건

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • notDefinedDemoFunction is not defined

영향

런타임 예외는 버튼, 폼, 동적 UI 등 실제 기능이 중간에 멈추게 할 수 있어 우선 확인이 필요합니다.

수정 가이드

리포트의 오류 메시지와 스택 단서를 기준으로 예외 발생 코드를 수정하고, 해당 사용자 동선에서 동일 오류가 다시 발생하지 않는지 확인하세요.

재현 방법페이지를 새로 열어 로딩 및 기본 동작 중 page error가 다시 발생하는지 개발자 도구와 함께 확인합니다.
DC-004 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-004 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-005
link

깨진 내부 링크: http://127.0.0.1:4179/missing (404)

페이지 /환경 사이트 공통

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • 깨진 내부 링크: http://127.0.0.1:4179/missing (404)

영향

내부 링크를 누른 방문자가 막다른 화면을 만나 전환 동선과 사이트 신뢰도가 떨어질 수 있습니다.

수정 가이드

링크 href를 현재 유효한 URL로 수정하거나, 삭제된 페이지라면 링크 제거 또는 의도에 맞는 리다이렉트를 적용하세요.

재현 방법리포트의 깨진 링크 URL을 직접 열어 4xx/요청 실패가 재현되는지 확인합니다.
DC-005 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-005 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-006
asset

깨진 이미지 1개

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • http://127.0.0.1:4179/does-not-exist.jpg

영향

깨진 이미지는 핵심 정보·상품·브랜드 요소를 보이지 않게 만들어 납품 완성도를 크게 떨어뜨립니다.

수정 가이드

이미지 경로, 파일명 대소문자, 빌드 산출물 포함 여부, CDN/스토리지 공개 권한을 확인하고 실제 운영 URL에서 다시 로드하세요.

재현 방법표시된 페이지를 열고 이미지 영역의 로딩 실패 여부와 네트워크 자산 URL을 확인합니다.
DC-006 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-006 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-007
responsive

viewport meta가 없습니다.

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • viewport meta가 없습니다.

영향

모바일 브라우저가 페이지 폭을 잘못 해석해 글자와 레이아웃이 지나치게 작거나 넓게 보일 수 있습니다.

수정 가이드

<head>에 일반적인 viewport 메타 설정을 추가하고 실제 모바일 폭에서 레이아웃을 재확인하세요.

재현 방법Mobile 390px 환경에서 페이지를 열어 초기 축척과 콘텐츠 폭이 화면에 맞는지 확인합니다.
DC-007 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-007 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-008
responsive

가로 오버플로우: 992px > 980px

페이지 /환경 Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • 가로 오버플로우: 992px > 980px

영향

가로 스크롤이나 잘린 콘텐츠가 생겨 모바일 사용성이 떨어지고 중요한 버튼/문구가 화면 밖으로 밀릴 수 있습니다.

수정 가이드

고정 폭, min-width, 긴 문자열, 절대 위치 요소를 우선 확인하고 max-width:100%, flex/grid 축소 규칙, overflow 정책을 조정하세요.

재현 방법표시된 viewport에서 페이지를 열고 좌우 스크롤이 생기는지, 콘텐츠 폭이 viewport보다 큰지 확인합니다.
DC-008 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-009
form

레이블 없는 폼 컨트롤 1개

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • input#email[name="email"]

영향

입력칸의 의미를 스크린리더나 일부 사용자에게 전달하기 어려워지고, 폼 사용성과 접근성이 저하될 수 있습니다.

수정 가이드

각 input/select/textarea에 연결된 <label for="..."> 또는 적절한 aria-label/aria-labelledby를 제공하세요. placeholder만으로 레이블을 대체하지 않는 것을 권장합니다.

재현 방법표시된 페이지에서 해당 입력 요소를 찾아 연결된 label 또는 접근 가능한 이름이 있는지 확인합니다.
DC-009 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-009 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-010
seo

문서 title이 없습니다.

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • 문서 title이 없습니다.

영향

브라우저 탭·검색 결과·공유 맥락에서 페이지 목적을 식별하기 어려워질 수 있습니다.

수정 가이드

페이지 목적을 설명하는 고유한 <title>을 추가하고 주요 페이지끼리 중복되지 않는지 확인하세요.

재현 방법페이지 <head>의 title 존재 여부와 브라우저 탭 표시를 확인합니다.
DC-010 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-010 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-011
axe

문서에 접근 가능한 title이 없습니다. [document-title] (1개 요소)

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • html

영향

WCAG 자동 규칙에서 기계적으로 검출 가능한 위반 가능성이 발견됐습니다. 실제 영향도는 요소 맥락과 함께 확인해야 합니다.

수정 가이드

표시된 axe 규칙 ID와 selector를 기준으로 해당 요소의 접근 가능한 이름, 구조, 대비 또는 속성을 수정한 뒤 자동 점검을 다시 실행하세요.

재현 방법리포트의 selector 위치를 DOM에서 찾아 동일 axe 규칙이 다시 검출되는지 확인합니다.
DC-011 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-011 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
HIGHDC-012
axe

문서 html 요소에 언어(lang)가 지정되지 않았습니다. [html-has-lang] (1개 요소)

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • html

영향

WCAG 자동 규칙에서 기계적으로 검출 가능한 위반 가능성이 발견됐습니다. 실제 영향도는 요소 맥락과 함께 확인해야 합니다.

수정 가이드

표시된 axe 규칙 ID와 selector를 기준으로 해당 요소의 접근 가능한 이름, 구조, 대비 또는 속성을 수정한 뒤 자동 점검을 다시 실행하세요.

재현 방법리포트의 selector 위치를 DOM에서 찾아 동일 axe 규칙이 다시 검출되는지 확인합니다.
DC-012 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-012 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
MEDIUMDC-013
console

console error 2건

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • Failed to load resource: the server responded with a status of 404 (Not Found)
  • DEMO_CONSOLE_ERROR: 납품 전 발견되어야 하는 오류

영향

콘솔 오류가 모두 사용자 장애를 뜻하는 것은 아니지만, 배포 누락·API 실패·스크립트 문제의 초기 신호일 수 있습니다.

수정 가이드

오류가 자사 코드/핵심 기능과 관련되는지 분류하고, 반복 발생하거나 기능 실패와 연결된 오류부터 제거하세요. 제3자 스크립트 노이즈는 별도 기록해도 됩니다.

재현 방법페이지 로드 직후 개발자 도구 Console에서 동일 error 로그가 재현되는지 확인합니다.
DC-013 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-013 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
MEDIUMDC-014
seo

meta description이 없습니다.

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • meta description이 없습니다.

영향

검색 결과 설명문을 직접 통제하기 어려워지고 페이지 요약 정보가 부족해질 수 있습니다.

수정 가이드

핵심 페이지에는 실제 내용을 요약하는 고유한 meta description을 작성하세요.

재현 방법페이지 <head>에서 name="description" 메타의 존재와 content 값을 확인합니다.
DC-014 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-014 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
MEDIUMDC-015
structure

H1이 없습니다.

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • H1이 없습니다.

영향

문서 제목 구조가 불명확하면 사용자와 보조기술이 페이지 정보 계층을 파악하기 어려울 수 있습니다.

수정 가이드

페이지의 대표 제목을 H1으로 두고, 시각적 크기보다 문서 구조에 맞춰 H2/H3를 순차적으로 사용하세요.

재현 방법DOM에서 H1 개수와 제목 단계가 실제 콘텐츠 계층과 일치하는지 확인합니다.
DC-015 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-015 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
MEDIUMDC-016
accessibility

html lang 속성이 없습니다.

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • html lang 속성이 없습니다.

영향

이미지·버튼·문서 언어 등 기계적으로 판별 가능한 접근성 단서가 부족해 일부 사용자의 정보 이해와 조작이 어려워질 수 있습니다.

수정 가이드

리포트의 증거 요소를 기준으로 적절한 대체 텍스트, 접근 가능한 이름, 문서 언어 등 해당 단서를 보완하세요.

재현 방법표시된 요소/속성을 DOM에서 확인하고 접근 가능한 이름 또는 필요한 속성이 존재하는지 재확인합니다.
DC-016 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-016 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
MEDIUMDC-017
accessibility

alt 없는 이미지 1개

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • http://127.0.0.1:4179/does-not-exist.jpg

영향

이미지·버튼·문서 언어 등 기계적으로 판별 가능한 접근성 단서가 부족해 일부 사용자의 정보 이해와 조작이 어려워질 수 있습니다.

수정 가이드

리포트의 증거 요소를 기준으로 적절한 대체 텍스트, 접근 가능한 이름, 문서 언어 등 해당 단서를 보완하세요.

재현 방법표시된 요소/속성을 DOM에서 확인하고 접근 가능한 이름 또는 필요한 속성이 존재하는지 재확인합니다.
DC-017 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-017 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
MEDIUMDC-018
accessibility

이름 없는 링크/버튼 1개

페이지 /환경 Desktop 1440px · Mobile 390px

문제

표시된 페이지와 환경에서 이 조건이 자동 점검으로 재현되었습니다.

증거

  • <button type="button" aria-label=""></button>

영향

이미지·버튼·문서 언어 등 기계적으로 판별 가능한 접근성 단서가 부족해 일부 사용자의 정보 이해와 조작이 어려워질 수 있습니다.

수정 가이드

리포트의 증거 요소를 기준으로 적절한 대체 텍스트, 접근 가능한 이름, 문서 언어 등 해당 단서를 보완하세요.

재현 방법표시된 요소/속성을 DOM에서 확인하고 접근 가능한 이름 또는 필요한 속성이 존재하는지 재확인합니다.
DC-018 Desktop 1440px 증거 화면
Desktop 1440px · 전체 화면 캡처
DC-018 Mobile 390px 증거 화면
Mobile 390px · 전체 화면 캡처
03

페이지 요약

페이지별 상태와 이슈 분포를 한눈에 확인합니다.

/

http://127.0.0.1:4179/

17 이슈Desktop 200 · 533msMobile 200 · 532ms
C 2H 9M 6L 0

/missing

http://127.0.0.1:4179/missing

1 이슈Desktop 404 · 528msMobile 404 · 521ms
C 1H 0M 0L 0
04

검사 환경과 해석

같은 조건에서 재현할 수 있도록 기본 환경을 기록합니다.

BrowserChromium (Playwright)
Desktop1440 × 1000 viewport
Mobile390 × 844 viewport
Method공개 URL 자동 프리플라이트 + 납품용 우선순위 정리
범위 안내
자동화 기반 배포 전 프리플라이트 보조 점검입니다. 공식 웹접근성 인증, 보안 취약점 진단, 법률·개인정보보호 적합성 판정 또는 모든 브라우저·기기의 완전한 품질 보증을 대체하지 않습니다. 사람의 UX 판단, 공식 인증, 침투테스트/취약점 진단, 법률 적합성 판정, 모든 기기·브라우저 조합의 완전 보증은 포함하지 않습니다.
05

깨진 내부 링크

사이트 내부에서 연결되지만 정상 응답하지 않은 URL입니다.