aria-label="현재 위치" · 현재 페이지는 링크가 아닌 span[aria-current="page"] · 구분 > 는 CSS

* 기존 킷의 #location + ul도 동작합니다. 신규는 ol + aria-current를 권장합니다.

중간 단계는 모두 링크로 · 줄바꿈 시에도 읽기 순서 유지

페이지당 h1 하나 · 브레드크럼 현재 항목과 이름 맞추기

공지사항

기관 소식과 주요 안내를 확인하세요.

웹접근성 품질점검 일정 안내

게시판 상세 등 긴 제목도 줄바꿈·가독성을 유지합니다.

목록으로 인쇄

* 데모 안이라 이 섹션에 h1이 여러 개 있습니다. 실페이지에서는 h1을 하나만 두세요.

가이드 페이지용 · 매뉴얼 링크(.ptitle-docs) 가능

실제 콘텐츠 영역에 붙이는 전형적인 순서

보도자료와 언론 배포 자료를 제공합니다.

* 조합 예시의 제목은 섹션 안이므로 h2로 두었습니다. 단독 페이지면 h1.page-title을 사용하세요.