우리동네 특수교육
사이트 전체의 디자인을 선택합니다. 익숙한 초록빛 안내. 선택은 이 기기에 저장됩니다.
함께 찾는 디지털 배움의 길

접근성·모두의 배움

같은 안내문과 수업을, 각자 편한 방법으로 읽고 이용할 수 있을까요?
학생·가족·교사가 일상에서 확인할 일부터 차근차근 살펴봐요.

함께 이해하기

접근성은 참여할 방법을 넓히는 일이에요.

잘 보이는지뿐 아니라, 읽고 듣고 조작하고 이해하는 과정까지 살펴봐요. 장애 이름만으로 필요한 방법을 정하지 않고, 학생이 편하게 쓰는 방법을 물어보는 것에서 시작해요.

안내문을 사진으로만 받았을 때

글자를 크게 키우거나 화면낭독 기능으로 읽기 어려울 수 있어요.

이렇게 준비해요

날짜, 장소, 준비물, 신청 방법을 본문 글로도 적어요. 그림 안의 중요한 정보도 빠뜨리지 않아요.

수업 영상을 소리 없이 볼 때

말과 중요한 소리를 알 수 없으면 수업 흐름을 놓칠 수 있어요.

이렇게 준비해요

말하는 사람과 내용을 알 수 있는 자막을 확인해요. 화면에만 나오는 중요한 동작이나 자료도 설명해요.

마우스 대신 다른 방법을 쓸 때

가리키거나 끌어야만 하는 조작은 쓰기 어려울 수 있어요.

이렇게 준비해요

키보드로도 이동하고 선택하는지 살펴봐요. 학생이 쓰는 보조기기에서 실제 과정을 함께 확인해요.

처음 보는 신청 화면을 만났을 때

낯선 말과 복잡한 순서 때문에 어디서 시작할지 막막할 수 있어요.

이렇게 준비해요

한 번에 할 일을 나누고, 버튼에 다음에 일어날 일을 써요. 실수한 곳과 고치는 방법을 바로 알려요.

직접 확인하기

사용 환경을 바꾸며 확인해 봐요.

아래는 이 사이트가 직접 만든 작은 연습이에요. 장애인의 경험을 재현하거나 이해도를 평가하는 체험이 아닙니다. 어떤 조건에서 정보와 조작이 유지되는지 확인하는 출발점으로 활용하세요.

키보드로 이동하고 선택해요

Tab으로 아래 버튼에 이동하고 Enter 또는 Space로 열어 보세요. Shift + Tab은 이전으로 이동합니다.

학교에 확인할 질문으로 이동

선택 위치를 나타내는 테두리가 보이나요? 열린 내용과 체크 상자로 이동한 뒤 다음 영역으로 빠져나갈 수 있나요? Mac의 Safari 등에서는 브라우저의 키보드 탐색 설정을 먼저 확인해야 할 수 있습니다.

글자와 바탕의 밝기 차이를 비교해요

교실 안내문에 쓸 두 색을 넣어 보세요. 이 연습은 단색 글자와 단색 바탕만 계산합니다.

#ffffff처럼 # 뒤에 3자리 또는 6자리 색상 코드를 입력하세요.

예시 넣기
명도 대비 7.35 : 1일반 글자의 참고 기준 4.5 : 1 이상입니다.

숫자는 소수 둘째 자리까지 표시하고, 비교에는 반올림 전 값을 씁니다. 투명도·그라데이션·사진·글꼴 크기·예외 조건은 판단하지 않습니다. 이 결과는 사이트나 문서의 접근성 합격 판정이 아닙니다.

명도 대비 계산의 기준과 범위 확인

일반 글자에 대한 참고값 4.5 : 1은 한국형 웹 콘텐츠 접근성 지침 2.2의 5.4.3에서 확인했습니다. 계산식은 W3C의 sRGB 상대휘도·명도 대비 정의를 사용합니다. 크고 굵은 글자 등의 예외와 실제 화면의 모든 상태는 이 연습에서 판정하지 않습니다.

공식 자료 확인: 2026년 10월 29일

자료 만들기

작은 안내문도, 받는 사람의 입장에서.

아래 예시와 확인 목록은 학교·가정에서 고쳐 쓸 수 있도록 직접 작성했어요. 학생이 익숙한 표현과 실제 상황에 맞게 바꿔 보세요.

그림을 대신하는 글

먼저 그림이 이 자리에서 무엇을 알려 주는지 정해요. 꾸밈 그림과 정보를 담은 그림, 버튼으로 쓰는 그림을 다르게 다룹니다.

상담실 위치를 알려 주는 약도
“상담실은 본관 1층입니다. 중앙 현관에 들어와 오른쪽으로 가면 엘리베이터 맞은편에 있습니다.”복잡한 약도라면 긴 길 안내를 본문에도 제공해요.
집 모양의 홈 이동 버튼
“우리동네 특수교육 홈”그림 모양보다 누른 뒤 할 수 있는 일을 알려요.
제목 옆의 장식용 잎사귀
꾸밈뿐이라면 읽을 설명을 반복하지 않아요.웹에서는 빈 대체 텍스트 등으로 장식임을 처리해요.

같은 그림도 주변 글과 쓰임에 따라 필요한 설명이 달라집니다. 대체 텍스트가 있다는 사실만으로 적절한 설명인지 알 수는 없어요.

쉬운 정보와 순서

고치기 전

관련 서류 일체를 구비하여 기한 내 제출 바랍니다.

고쳐 쓴 예

상담 신청서를 작성해 주세요.
신청서는 11월 5일 목요일까지 담임 선생님께 보내 주세요.
작성하기 어려우면 학교 상담실에 도움을 요청해 주세요.

한 문장에 한 가지 일을 적고, 언제·어디에·무엇을 해야 하는지 나눠 써요. 어려운 말은 바로 풀어 쓰고, 예시임을 실제 안내와 구분해요.

위 날짜와 제출 방법은 연습용입니다. 쉬운 문장인지도 이용자와 함께 읽고 확인해요. 문장을 짧게 만든 것만으로 이해를 보장할 수는 없습니다.

문서·학습지

  • 사진으로 찍은 안내문에는 핵심 내용을 본문 글로 함께 적었나요?
  • 제목과 소제목에 문서의 제목 기능을 쓰고, 읽는 순서를 확인했나요?
  • 표의 제목과 행·열 제목을 알 수 있나요? 복잡한 표에는 글 설명도 있나요?
  • 글자를 키웠을 때 겹치거나 잘리지 않나요? 색을 빼도 구분할 수 있나요?
  • 첨부 파일 이름에 내용과 형식을 적었나요? 파일을 열기 어려운 사람에게 같은 정보를 전달할 방법이 있나요?
  • 화면낭독 기능에서 본문과 표가 어떤 순서로 읽히는지 확인했나요?

글자를 선택할 수 있는 PDF라도 제목 구조·읽기 순서가 잘못될 수 있어요. 웹페이지 점검 결과가 첨부 문서의 접근성을 대신하지 않습니다.

영상·온라인 수업

  • 음성과 맞는 자막이 있나요? 이름·용어·숫자를 직접 확인했나요?
  • 누가 말하는지, 학습에 필요한 소리인지 알 수 있나요?
  • “여기를 보세요”처럼 화면에만 의존하는 설명을 말이나 글로 보완했나요?
  • 재생·정지·자막·음량을 키보드와 학생의 보조기기로 조작할 수 있나요?
  • 학생이 원하는 속도로 다시 보거나 읽을 수 있나요?

수업의 흐름을 다시 읽을 대본도 도움이 돼요. 영상 시청에 필요한 자막과 화면 설명은 별도로 살펴보세요.

학교에 확인하기

학생이 편한 방법을 함께 찾아요.

“못 한다”보다 “어떤 화면에서 무엇이 막혔는지”를 이야기해 보세요. 같은 기기와 자료로 함께 확인하면 필요한 지원을 구체적으로 정하기 좋아요.

지금 함께 확인하고 싶은 내용을 골라 보세요.

내용을 고르면 학교와 상의할 질문 초안이 이곳에 나옵니다.

선택은 이 화면에서만 사용하며 저장하거나 전송하지 않습니다. 복사한 글에는 학생의 진단명보다 편한 이용 방법과 구체적으로 막힌 일을 적어 보세요.

상의한 뒤 남겨 두면 좋은 것

잘 된 방법과 막힌 단계, 다음에 바꿔 볼 것, 함께 확인할 사람과 날짜를 간단히 남겨요. 학생의 의사를 먼저 듣고, 공유할 정보와 범위도 함께 정해요.

점검일 2026-10-29 · 공개 기록

이 사이트 점검 결과

자동 검사로 찾은 문제와 직접 확인한 범위를 구분해 기록합니다. 웹 접근성 품질인증을 받았다는 의미는 아닙니다.

요청하신 외부 진단

12개 대표 화면을 검사했습니다.

2026년 10월 29일 초기 보완 배포의 외부 검사 기록입니다. 수정 전 편집기 레이블 2/3에서 누락을 확인했고, 보완 후 12개 대표 화면의 해당 이미지·제목·언어·레이블·표 검사에 실패 표시가 없었습니다(편집기 레이블 4/4). 이후 안내판 삭제·차트·문서·영상 보완은 아래 후속 기록으로 구분합니다. ‘-’는 해당 요소 또는 판정이 없다는 뜻이며 전체 접근성 준수 판정이 아닙니다.

수정 전 진단 원문 (새 창) ↗수정 후 진단 원문 (새 창) ↗

axe-core 4.12.1 별도 자동 검사

WCAG A·AA 관련 자동 규칙 (2.0·2.1·2.2 태그)

수정 전
11개 화면 · 오류 요소 312건
수정 후
12개 화면 · 오류 요소 0건

기본·파랑·배움·서재의 48개 화면·테마 조합을 확인했습니다.

같은 요소가 여러 페이지에 나오면 각각 셉니다. 검사 항목별 오류 요소 수이며 사이트 전체의 접근성 점수는 아닙니다.

화면별 자동 검사 기록
자동 검사 범위의 오류 요소 수 · 검사 대상에 없거나 판정 불가한 사항은 별도 검토
화면수정 전수정 후
/480
/explore?region=%EB%8C%80%EA%B5%AC&map=locations140
/statistics?region=%EB%8C%80%EA%B5%AC340
/guide340
/updates1110
/resources600
/glossary20
/search20
/preparation30
/resources/editor40
/privacy00

수동 확인과 남은 과제

  • 상위 메뉴·본문 바로가기·안내판 삭제대표 흐름 확인

    첫 방문 안내판과 다시 보기 버튼, 관련 코드와 저장 기능을 삭제했습니다. 첫 Tab의 본문 바로가기, Enter 후 main 초점, 하위 메뉴 Enter 열기·Tab 이동·Escape 닫기와 버튼 초점 복귀를 실제 브라우저에서 확인했습니다.

  • 통계의 기존 자동 판정 보류 74개유형 대조·대비 계산·표 보완

    정책 확인 기호 62개를 읽을 수 있는 ‘확인/범위 밖’으로 바꿨습니다. SVG 축·연도 12개는 네 디자인의 실제 fill·배경을 대조했고 대비가 5.616:1 이상입니다. 도구는 SVG 12개를 계속 보류하므로 자동 통과로 집계하지 않습니다. 막대·배치색·기준선을 보완하고 시도·학급·유예 사유 표를 추가했습니다. 320px에서 화살표로 그래프 가로 이동과 표 3개의 키보드 펼침·행열 머리글을 확인했습니다.

  • 수치표를 펼친 좁은 화면의 자동 판정보류 유형·키보드 경로 확인

    680px에서 표 4개를 펼친 네 디자인은 검출 오류 0건이지만 각 115개가 판정 보류였습니다. 102개는 가로 스크롤 밖 정책 셀·근거 링크, 12개는 SVG, 1개는 장식 번호입니다. 실제 단색 조합의 대비를 대조했고 정책 근거 링크는 Tab 이동 시 화면 안으로 자동 스크롤되는 것을 확인했습니다. 이 115개를 자동 통과로 집계하지 않습니다.

  • 좁은 화면과 확대 대응브라우저 재배치 확인

    대표 12개 화면을 각각 320·680 CSS 픽셀에서 검사한 24개 조합 모두 문서 전체 가로 넘침이 없었습니다. 680px·DPR2는 확대에 대응하는 재배치 환경이며 실제 운영체제 확대를 켠 시험은 아닙니다. 넓은 그래프·표는 이름 있는 독립 스크롤과 수치 대안을 제공합니다.

  • 홈 지도·준비함·소식·지도 저작권 안내추가 대비·의미 보완

    홈 지도 17개 라벨의 실제 색을 네 디자인에서 대조해 모두 5.35:1 이상임을 확인했습니다. 준비함에 자료가 있는 서재 화면의 보조 글자, 짧은 소식 단위와 즐겨찾기 대비를 보완했습니다. 지도 저작권 안내는 불투명 배경으로 읽기 쉽게 유지하고 자료실 적용 지역의 그룹 역할을 명시했습니다.

  • 완성 영상의 대사·자막·화면 정보음성·타임라인 대조

    자막 19개와 원본 음성의 문구·시작·끝을 대조했습니다. 공개 브라우저에서 키보드 재생·정지, 실제 재생 시간 진행, 한국어 자막 19개 로딩, 완성본 HTML 설명 10개 구간의 펼침을 확인했습니다. 별도 음성 화면해설 트랙이나 실제 화면낭독기 사용자 평가를 완료했다는 뜻은 아닙니다.

  • 다운로드 문서와 이미지Word 구조·공유 안내 보완

    공개 편집기에서 키보드로 Word를 내려받아 한국어 언어 정보와 Title·Heading1/2/3의 기존 글자 크기를 실제 파일에서 확인했습니다. 표 머리행 반복은 별도 생성 문서와 구조 검사로 확인했습니다. PNG에는 TXT/Word를 함께 전달하도록 안내합니다. 인쇄 PDF의 태그·읽기 순서와 모든 외부 HWP/PDF를 검증한 결과는 아닙니다.

  • 실제 화면낭독기·스위치·이용자 과업실행 환경·참여자 필요

    이번 원격 환경에서는 운영체제 제어 서비스 연결이 실패해 VoiceOver 등 실제 음성 낭독과 스위치 조작을 수행하지 못했습니다. 장애 당사자의 과업 평가도 참여자가 필요합니다. 접근성 트리·키보드 검사를 실제 보조기기·이용자 평가로 대신 집계하지 않습니다.

  • 운영체제 고대비·다른 브라우저브라우저 에뮬레이션 확인

    네 디자인에서 forced-colors·동작 줄이기를 활성화해 시스템 색으로 채운 현재 막대와 점선 이전 막대, 자동 스크롤 전환을 확인했습니다. 실제 운영체제 고대비 설정이나 Safari/Firefox·보조기기 전체 과업 시험과는 구분합니다.

자동 검사에 오류가 없더라도 콘텐츠의 의미, 실제 읽기 순서·발음, 시간 제한과 복잡한 상호작용, 사람마다 다른 사용 경험까지 보장하지는 않습니다. 이용 중 불편 알려주기 →

진단·인증 이해하기

자동 점검 뒤에도 사람이 확인할 일이 있어요.

도구는 문제를 찾는 데 도움을 줍니다. 검색 결과가 없다는 이유만으로 누구나 이용할 수 있다고 결론 내리지는 않아요.

  1. 도구로 반복되는 오류 찾기

    대체 텍스트 누락, 이름 없는 입력란처럼 도구가 확인할 수 있는 문제를 찾아요. 검사한 주소·날짜·도구·화면 상태와 결과를 남겨요.

  2. 사람이 내용과 흐름 확인하기

    설명이 그림의 목적에 맞는지, 키보드 위치를 볼 수 있는지, 메뉴를 열고 닫거나 오류를 고칠 수 있는지 직접 살펴봐요. 확대·모바일·문서·영상도 각각 확인해요.

  3. 이용자와 중요한 일 해 보기

    학생·가족과 기관 찾기, 안내 읽기, 자료 열기 같은 실제 일을 해 봐요. 익숙한 보조기기와 필요한 도움을 존중하고, 한 사람의 결과를 모든 사람의 경험으로 넓혀 말하지 않아요.

  4. 고친 뒤 같은 과정 다시 확인하기

    고친 곳뿐 아니라 연결된 다른 화면도 살펴봐요. 해결한 일과 아직 확인하지 못한 일을 나눠 기록하고, 다음 변경 때 다시 점검해요.

국내 기준·인증 절차와 공식 근거 보기

기준의 판과 적용일을 구분해요.

WebWatch는 2025년 1월부터 기술심사에 KWCAG 2.2를 적용한다고 안내합니다. 연결된 국가표준은 KS X OT0003:2022(2022년 12월 28일 개정), 표준심사 지침은 표지 2024년 12월·링크 표기 2025년 1월 1일 시행입니다. 국내 KWCAG 2.2와 W3C WCAG 2.2는 별개의 문서입니다.

인증 흐름은 자가진단·서류 준비 → 서면심사 → 전문가·사용자 기술심사 → 결과·조건에 따른 보완 → 인증과 사후관리입니다. WebWatch 안내의 전문가심사 기준은 전체 검사항목 준수율 95% 이상, 사용자심사는 모든 장애 유형의 과업 성공률 100%입니다. 이는 자동 검사 점수와 같은 지표가 아닙니다. 신청 범위·재심사 조건·비용·기간은 최신 안내를 확인하세요.

예정된 변경도 확인하세요. WebWatch는 2027년 1월 1일부터 원고·대본을 자막의 대체 수단으로 제공할 때 음성과의 동기화가 필요하다고 사전 안내했습니다. 별도 글 대본만 있는 영상은 이 변경을 미리 점검할 필요가 있습니다.

공식 자료 확인: 2026년 10월 29일. 인증 신청이나 심사를 진행한 기록은 아닙니다.

더 배울 곳

필요한 점검에 맞춰 다음 도구를 골라요.

여기서 연습한 뒤 더 살펴보고 싶을 때 이용하세요. 아래 외부 자료의 화면이나 체험을 이 사이트에 가져오지 않고, 운영기관의 안내로 연결합니다.

조작·읽기 환경을 더 살펴보고 싶어요.

화면을 읽는 방법과 조작 방법이 달라질 때 웹을 어떻게 이용하는지, 별도 교육 자료에서 살펴볼 수 있어요. 체험 하나가 누군가의 생활 전체를 설명하지는 않아요.

화면낭독 기능으로 확인하고 싶어요.

기기에 맞는 기능을 선택하고 기본 이동법부터 익혀요. 읽힌다는 사실과 원하는 일을 끝낼 수 있다는 사실을 구분해 확인해요.

색이나 화면 구조를 확인하고 싶어요.

명도 대비 도구는 색을 비교할 때, 자동 점검 도구는 반복 오류를 찾을 때 활용해요. 설치 조건과 결과를 다루는 방법은 각 제공처에서 먼저 확인해요.

공식 교육·도구 모음과 확인 범위 보기

확인: 2026년 10월 29일. NULI 도구·지침은 공식 검색 공개 본문을 확인했으며, 직접 열기는 응답 오류가 있었습니다. 개별 도구의 최신 버전·설치 가능 여부와 서비스의 모든 기능은 확인하지 못했습니다.

읽기나 조작이 막힌 곳을 발견하셨다면, 페이지 주소와 어떤 단계에서 어려웠는지 알려 주세요. 하단 문의처를 통해 함께 살펴볼 수 있어요.