접힌 FAQ도 HTML에 넣을 수 있나요?
details 요소 안에 답변을 서버에서 렌더링하면 접힌 상태에서도 응답 HTML에 남습니다. 사용자는 질문을 열어 같은 답변을 읽을 수 있어야 합니다.
적용 범위
페이지 소스에 질문과 답이 있는지 확인하고 제목·표·링크를 의미에 맞는 HTML로 표현합니다. 아래 답변의 작업 순서는 공식 문서의 접근성·검색 원칙을 적용한 편집 제안입니다.
확인할 항목
- 페이지 소스에서 핵심 문장 검색
- 제목 계층과 링크 목적 확인
- 키보드와 모바일에서 내용 열기
공식 참고 자료
아래 자료는 이 주제의 개념과 검토 기준을 확인하는 공식 참고 문서입니다. 작업 순서와 비교 방법은 편집팀의 제안이며, 제품의 성능을 직접 시험했다는 뜻은 아닙니다.
- Google 검색의 AI 기능과 웹사이트확인일 2026-10-20
- MDN HTML 안내확인일 2026-10-20
- W3C 이미지 접근성 안내확인일 2026-10-20
- W3C 표 접근성 안내확인일 2026-10-20
관련 질문
탭 안의 설명은 어떻게 제공하나요?
탭을 누르기 전에도 핵심 설명이 HTML에 있는지 확인하세요. 탭을 처음 열 때만 본문을 내려받는 방식이라면 별도 공개 페이지를 연결하는 방법도 있습니다.
탭 안의 설명은 어떻게 제공하나요 자세히 보기 ↗한 페이지의 H1은 어떻게 정하나요?
페이지가 답하는 중심 질문을 H1 하나로 정하세요. 로고나 여러 카드 제목까지 H1으로 만들기보다 본문 계층에 맞는 하위 제목을 사용하세요.
한 페이지의 H1은 어떻게 정하나요 자세히 보기 ↗제목 단계를 건너뛰면 왜 고쳐야 하나요?
제목 계층은 문서의 관계를 독자와 보조 기술에 전달합니다. 시각적 크기만 보고 단계를 고르지 말고 큰 주제 아래에 세부 주제가 오도록 구성하세요.
제목 단계를 건너뛰면 왜 고쳐야 하나요 자세히 보기 ↗