role=search · caption/scope · 공지·새글 배지 · 첨부: 다운로드 아이콘 + 숨김 텍스트 · 제목 링크로 상세(#board-view) 이동 · 비밀글은 자물쇠 + 비밀번호 레이어
전체 128건
| 번호 | 제목 | 첨부 | 작성자 | 작성일 | 조회 |
|---|---|---|---|---|---|
| 공지 | 2026년 하반기 웹접근성 품질점검 일정 안내 N새 글 | 첨부파일 있음 | 관리자 | 312 | |
| 공지 | 개인정보 처리방침 개정 고지 | 첨부파일 없음 | 관리자 | 890 | |
| 126 | 시스템 정기 점검 안내 (7월 26일) N새 글 | 첨부파일 없음 | 운영팀 | 156 | |
| 125 | 고객센터 운영시간 변경 안내 | 첨부파일 있음 | 고객지원 | 204 | |
| 124 | 첨부파일 없음 | 운영팀 | 98 | ||
| 123 | 키보드만으로 이용하는 전자민원 서비스 개선 | 첨부파일 없음 | 기획팀 | 441 | |
| 122 | 스크린리더 이용자 간담회 개최 결과 | 첨부파일 있음 | 홍보팀 | 267 | |
| 121 | 접근성 우수 사례 공모전 수상작 발표 | 첨부파일 없음 | 홍보팀 | 512 | |
| 120 | 홈페이지 개편에 따른 메뉴 안내 | 첨부파일 없음 | 운영팀 | 173 | |
| 119 | 전자문서 제출 시 파일 형식 안내 | 첨부파일 있음 | 관리자 | 229 |
* 실서비스 목록 예: notice.html · press.html · gallery.html(갤러리)
* 목록 개수(select 10/20/30/50개씩) 변경 시 change로 목록을 다시 요청하세요. (데모는 UI만)
* 검색 제출·페이징 URL은 서버/프레임워크에 맞게 연결하세요. (데모는 페이지 내 이동)
* 비밀글: tr.is-secret · 자물쇠(img/icon-lock.svg) · 클릭 시 비밀번호 레이어 · 데모 비밀번호 1234
검색·건수 UI는 표형과 동일 · 목록만 .board-gallery ·
열 수는 data-cols="3"처럼 HTML에서 지정 (2~6) ·
썸네일+제목을 하나의 링크로 ·
제목이 보이면 이미지 alt=""
전체 48건
* 실서비스 예: gallery.html
* 열 수: <ul class="board-gallery" data-cols="4"> — data-cols만 바꾸면 됨 (2~6, 기본 4). 좁은 화면에서는 자동으로 줄어듦.
* 배치는 CSS Grid (display:grid). 속성 설명은 css/board.css 갤러리 구간 주석 참고.
* 이미지만 링크하고 제목을 밖에 두면 안 됩니다. 키보드·스크린리더가 한 번에 이동하도록 카드 전체를 하나의 a로 감싸세요.
article + 제목 계층 · 메타 dl · 첨부 링크에 용량 · 이전/다음 nav
안녕하세요. 웹접근성 빌드업 운영팀입니다.
2026년 하반기 웹접근성 품질점검을 다음과 같이 진행합니다. 관련 부서에서는 일정에 맞춰 점검 대상 페이지를 준비해 주시기 바랍니다.
1. 점검 기간: 2026년 8월 1일 ~ 8월 31일
2. 대상: 대표 홈페이지 및 주요 민원 서비스
3. 기준: 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2
문의: 접근성 담당 (a11y@example.com)
.board-form · 필수 .req · 첨부는
.file-box · 리치텍스트는 에디터로 교체 가능
* 실서비스: action을 저장 API/페이지로 · 성공 후 상세 또는 목록으로 이동
* 필수 항목은 required + 라벨에 필수 표시(.req + 숨김 “필수”)
쓰기와 동일 마크업 · 저장된 값을 value/본문에 채움 · 기존 첨부는 목록 + 삭제 체크 · 제목은 “글수정”
* 쓰기와 마크업을 공유하고, 수정만 value·textarea 본문·기존 첨부·hidden id를 채우면 됩니다.
* 상세의 수정 버튼 → #board-edit · 목록의 글쓰기 → #board-write
표 대신 안내 문구 · 검색어를 다시 안내하면 좋음
검색 결과가 없습니다. 검색어를 바꿔 다시 시도해 주세요.
