화면과 페이지 소스는 어떻게 비교하나요?
화면의 핵심 답변 한 문장을 복사해 응답 HTML에서 검색하세요. 화면에는 있지만 응답에 없다면 렌더링 방식과 데이터 로딩 시점을 확인해야 합니다.
적용 범위
페이지 소스에 질문과 답이 있는지 확인하고 제목·표·링크를 의미에 맞는 HTML로 표현합니다. 아래 답변의 작업 순서는 공식 문서의 접근성·검색 원칙을 적용한 편집 제안입니다.
확인할 항목
- 페이지 소스에서 핵심 문장 검색
- 제목 계층과 링크 목적 확인
- 키보드와 모바일에서 내용 열기
공식 참고 자료
아래 자료는 이 주제의 개념과 검토 기준을 확인하는 공식 참고 문서입니다. 작업 순서와 비교 방법은 편집팀의 제안이며, 제품의 성능을 직접 시험했다는 뜻은 아닙니다.
- Google 검색의 AI 기능과 웹사이트확인일 2026-10-20
- MDN HTML 안내확인일 2026-10-20
- W3C 이미지 접근성 안내확인일 2026-10-20
- W3C 표 접근성 안내확인일 2026-10-20
관련 질문
클라이언트 컴포넌트는 모두 없애야 하나요?
버튼이나 검색 입력 같은 상호작용에는 클라이언트 컴포넌트를 사용할 수 있습니다. 설명과 FAQ 본문까지 클릭 후 네트워크 요청에만 의존하지 않도록 구분하세요.
클라이언트 컴포넌트는 모두 없애야 하나요 자세히 보기 ↗접힌 FAQ도 HTML에 넣을 수 있나요?
details 요소 안에 답변을 서버에서 렌더링하면 접힌 상태에서도 응답 HTML에 남습니다. 사용자는 질문을 열어 같은 답변을 읽을 수 있어야 합니다.
접힌 FAQ도 HTML에 넣을 수 있나요 자세히 보기 ↗탭 안의 설명은 어떻게 제공하나요?
탭을 누르기 전에도 핵심 설명이 HTML에 있는지 확인하세요. 탭을 처음 열 때만 본문을 내려받는 방식이라면 별도 공개 페이지를 연결하는 방법도 있습니다.
탭 안의 설명은 어떻게 제공하나요 자세히 보기 ↗