광주선명학교 홈페이지

2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=423&con_seq=7&pos=f 1/17
1. 적절한 대체 텍스트 제공 8 / 10
2. 자막 제공 9 / 10
3. 색에 무관한 콘텐츠 인식 10 / 10
4. 명확한 지시 사항 제공 10 / 10
5. 텍스트 콘텐츠의 명도 대비 9 / 10
6. 배경음 사용 금지 10 / 10
7. 콘텐츠 간의 구분 10 / 10
8. 키보드 사용 보장 10 / 10
9. 초점 이동 10 / 10
10. 조작 가능 8 / 10
11. 응답 시간 조절 10 / 10
12. 정지 기능 제공 10 / 10
13. 깜빡임과 번쩍임 사용 제한 10 / 10
14. 반복 영역 건너뛰기 10 / 10
15. 제목 제공 7 / 10
16. 적절한 링크 텍스트 10 / 10
17. 기본 언어 표시 10 / 10
18. 사용자 요구에 따른 실행 10 / 10
19. 콘텐츠의 선형화 10 / 10
20. 표의 구성 9 / 10
21. 레이블 제공 10 / 10
22. 오류 정정 10 / 10
23. 마크업 오류 방지 10 / 10
24. 웹 애플리케이션 자체 접근성 해당없음
기관명 교육기관 광주선명학교
홈페이지 명 광주선명학교 홈페이지
홈페이지 주소 http://sunmyong.sc.kr
심사기간 201563 ~ 201565
광주선명학교 사이트의 웹접근성 준수정도는 미흡합니다.
표의 구성시 제목과 요약정보를 반드시 명시해야 하며
제목 셀과 내용 셀을 구분해야 합니다. 복잡한 표를 구성시에는 id, headers속성을 통해
제목 셀과 내용 셀을 연결해 주셔야 합니다.
그밖에도 페이지 별 제목입력과 명도대비부분과 적절한 대체텍스트를 제공이 이루어져야 합니다.
다시 점검해 주시길 바랍니다.
항목 1 2 3 4 5 6 7 8 9 10 준수페이지 준수도
1. 적절한 대체 텍스트
제공
X O O O O O O O X O 8 / 10 보통
2. 자막 제공 O O O O O O O O O X 9 / 10 양호
3. 색에 무관한 콘텐츠
인식
O O O O O O O O O O 10 / 10 우수
4. 명확한 지시 사항 제
공
5. 텍스트 콘텐츠의 명
도 대비
O X O O O O O O O O 9 / 10 양호
6. 배경음 사용 금지 O O O O O O O O O O 10 / 10 우수
7. 콘텐츠 간의 구분 O O O O O O O O O O 10 / 10 우수
HOME > 배정 목록 > 평가 배정 목록
※ 항목 준수도 : 우수(2322), 양호(2120), 보통(1918), 미흡(17이하)
※ 페이지 준수여부 : ○ (준수), X (미준수)
※ 항목 준수도 : 우수(10), 양호(9), 보통(8), 미흡(7이하)
지킴이 관리화면
진단개요 페이지 선정 페이지 상세진단 반려 게시판
평가결과 : 미흡 (총 24항목중 17개 준수)
종합의견
페이지별 평가 결과
보고서 미리보기
g2015023님 로그인 되었습니다
2015년 11월 9일 월요일

배정 목록
완료 목록

샘플페이지 1
페이지 경로 : 메인
페이지 URL : http://sunmyong.sc.kr/main/main.php
샘플페이지 2
페이지 경로 : 홈 > 회원가입
페이지 URL : http://sunmyong.sc.kr/member/index.php?mode=write&u
nder14=N&agree1=yes&agree2=yes&x=54&y=13
8. 키보드 사용 보장 O O O O O O O O O O 10 / 10 우수
9. 초점 이동 O O O O O O O O O O 10 / 10 우수
10. 조작 가능 X O O O O X O O O O 8 / 10 보통
11. 응답 시간 조절 O O O O O O O O O O 10 / 10 우수
12. 정지 기능 제공 O O O O O O O O O O 10 / 10 우수
13. 깜빡임과 번쩍임 사
용 제한
14. 반복 영역 건너뛰기 O O O O O O O O O O 10 / 10 우수
15. 제목 제공 O X O O O O O O X X 7 / 10 미흡
16. 적절한 링크 텍스트 O O O O O O O O O O 10 / 10 우수
17. 기본 언어 표시 O O O O O O O O O O 10 / 10 우수
18. 사용자 요구에 따른
실행
19. 콘텐츠의 선형화 O O O O O O O O O O 10 / 10 우수
20. 표의 구성 O O X O O O O O O O 9 / 10 양호
21. 레이블 제공 O O O O O O O O O O 10 / 10 우수
22. 오류 정정 O O O O O O O O O O 10 / 10 우수
23. 마크업 오류 방지 O O O O O O O O O O 10 / 10 우수
24. 웹 애플리케이션 자
체 접근성
해당 항목은 각 항목에서 평가하며, 자체 준수율은 해당없음.
모니터링 대상페이지

샘플페이지 3
페이지 경로 : 홈 > 학교안내 > 학교소개
페이지 URL : http://sunmyong.sc.kr/intro/02.html
샘플페이지 4
페이지 경로 : 홈 > 학교안내 > 교실배치도
샘플페이지 5
페이지 경로 : 홈 > 학교안내 > 오시는 길
샘플페이지 6
페이지 경로 : 홈 > 선명소식 > 오늘의 생활안내
페이지 URL : http://sunmyong.sc.kr/xboard/board.php?tbnum=3

샘플페이지 7
페이지 경로 : 홈 > 선명소식 > 오늘의 생활안내 > 글읽기(2015.06.04
(목) 생활안내)
페이지 URL : http://sunmyong.sc.kr/xboard/board.php?mode=view&nu
mber=12304&numCount_=769&categoryName_=&tbnum=3&sCat=0&p
age=1&keyset=&searchword=
샘플페이지 8
페이지 경로 : 홈 > 선명교육 > 교육목표
페이지 URL : http://sunmyong.sc.kr/education/01.html
샘플페이지 9
페이지 경로 : 홈 > 학생마당 > 학생인권
페이지 URL : http://sunmyong.sc.kr/xboard/board.php?tbnum=36
샘플페이지 10
페이지 경로 : 홈 > 학생마당 > 학생인권 > 글읽기(개콘 학교폭력)
페이지 URL : http://sunmyong.sc.kr/xboard/board.php?mode=view&nu
mber=12303&numCount_=21&categoryName_=&tbnum=36&sCat=0&p
age=1&keyset=&searchword=
페이지 1
경로 메인
URL http://sunmyong.sc.kr/main/main.php
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
페이지별 상세진단

진단결과 오류
오류유형
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 불충분 또는 적절하지 않게 제공한 경우
대체텍스트를 img 태그가 아닌 바로 밑 p 태그에 대체텍스트를 입력하였는데
p태그 속성에 visibility : hidden; 속성을 넣어 주면 스크린리더기는 텍스트를 읽어 올 수 없음.

해결방안 스크린 리더가 읽어 줄 수 있도록 visibility 속성에 hidden을 삭제해야 함 
페이지 1
경로 메인
검사항목 10. (조작 가능) 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다.
진단결과 오류
오류유형
○ 컨트롤의 크기가 대각선으로 6.0mm 이상 제공하지 않은 경우
버튼의 크기가 너무 작아 클릭시 오류를 발생 시킬수 있음.

해결방안
버튼 크기가 라디오 버튼 크기보다도 작아 조작에 불편함을 줄 수 있기 때문에 조작 버튼의 사이즈를 대각
선 길이가 6mm 이상으로 크게 수정해야 함. 
페이지 1
경로 메인
검사항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.

진단결과 수정권장
오류유형
○ 각 입력 서식에 1:1로 대응하는 레이블을 제공하지 않은 경우
title값을 넣어주었지만
lable을 제공해주는것이 가장 적절함

해결방안
예) <input id="query" class="from" type="text" title="검색어"
 style="width:200px; height:16px; paddingleft:3px;" name="query">><label for="query">검색어 입력</label> <input id="query" class="from" type="text" title="검색어" style="width:200px; height:16px; paddingleft:3px;
" name="query">
페이지 1
경로 메인
검사항목 23. (마크업 오류 방지) 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.
오류유형
태그의 속성 오류
a 링크의 title 속성인데 tital 로 잘못적어줌

예) <a tital="전자도서관
새창으로 열기" target="_blank" <span class="nodeName editable

해결방안
">href="<a
href="http://book.gen.go.kr/main.html">http://book.gen.go.kr/main.html</a>">전자도서관</a>><a title="
전자도서관 새창으로 열기" target="_blank" href="<a
href="http://book.gen.go.kr/main.html">http://book.gen.go.kr/main.html</a>">전자도서관</a> 
페이지 2
경로 홈 > 회원가입
URL http://sunmyong.sc.kr/member/index.php?mode=write&under14=N&agree1=yes&agree2=yes&x=54&y=13
검사항목 5. (텍스트 콘텐츠의 명도 대비) 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1 이상이어야 한다.
진단결과 오류
오류유형
○ 일반 텍스트 또는 이미지 텍스트의 명도 대비가 3:1을 만족하지 않은 경우
명도 대비가 낮아 저시력자나 전맹시각장애인등은 텍스트를 정확하게 인지하지 어려움
* 회원가입 페이지 뿐만아니라 모든 페이지에 해당됨

해결방안 텍스트의 명도 대비를 3:1 이상이 되도록 수정해야 함.
페이지 2
경로 홈 > 회원가입
URL http://sunmyong.sc.kr/member/index.php?mode=write&under14=N&agree1=yes&agree2=yes&x=54&y=13
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
○ 페이지에 제목을 제공하지 않은 경우
중복아이디 검색, 우편번호검색은 새창으로 제공되고 있으므로
새 창임을 알 수 있는 제목을 제공하지 않음

오류유형

해결방안 새 창임을 알 수 있는 제공을 제공해야 함.예) 중복아이디 검색 > 새창 중복아이디 검색 
페이지 3
경로 홈 > 학교안내 > 학교소개
URL http://sunmyong.sc.kr/intro/02.html
오류유형
img 태그에 대체텍스트의 내용이 불충분함.

해결방안
img 태그의 대체텍스트를 정확히 제공해 주어야 함.예) <img alt="1978년도 이후" src="../data_files/images/intro/1978.gif"
>><img alt="1978년도 이후 2000년 이전"
 src="../data_files/images/intro/1978.gif">

페이지 3
검사항목 20. (표의 구성) 표는 이해하기 쉽게 구성해야 한다.
오류유형
○ 제목 셀과 내용 셀을 구분하지 않거나 잘못 구분한 경우
제목 셀에 해당 하는 내용을 내용 셀로 구분함.

해결방안
제목셀에 해당되는 셀은 th 태그로 마크업 해야함.ex) <td>학급수</td> > <th>학급수</th>
 
페이지 3
진단결과 오류
○ 다단, 병합 등 복잡한 표를 제공 시 headers, id 속성을 통해 제목 셀과 내용 셀을 연결하지 않은 경우
복잡한 표를 제공시 headers와 id 속성을 제공해야 함.

오류유형

해결방안
id, headers를 속성을 이용해 제목 셀과 내용셀을 연결 해 주어야 한다. 예) <tr><th>학교급별</th><th colspan="8">초등학교</th>.... </tr><tr><th>학년</th><th>1</th><th>2</th>
<th>3</th><th>4</th><th>5</th><th>6</th><th>순회</th>
<th>계</th>..... </tr><tr><th>학
급수</th><td>1</td><td>2</td><td>2</td><td>1</td>
<td>2</td> <td>2</td><td>0</td><td>10</td>.... </tr> > 
<tr><th>학교급별</th><th id="ele"
colspan="8">초등학교</th>.... </tr><tr><th>학년</th><th id="grade1">1</th><th id="grade2">2</th><th id="grade3">3</th><th id="grade4">4</th><th id="grade5"
>5</th><th id="grade6">6</th><th
id="round">순회</th><th id="total">계</th>..... </tr><tr><th>학급수</th><td headers="ele grande1">1</td><td headers="ele grande2"
>2</td><td headers="ele grande3">2</td><td headers="ele grande4">1</td><td headers="ele grande5"
>2</td> <td headers="ele grande6">2</td><td headers="ele round">0</td><td headers="ele total"
>10</td>.... </tr> 
페이지 5
경로 홈 > 학교안내 > 오시는 길
img 태그의 대체텍스트가 적절하지 않게 제공.

오류유형
해결방안
img의 의미와 대체텍스트를 동일한 의미로 제공해주어야 함. ex)<img alt="약도"
src="../data_files/images/intro/title07.gif">> <img alt="오시는 길"
src="../data_files/images/intro/title07.gif"> 
페이지 6
경로 홈 > 선명소식 > 오늘의 생활안내
URL http://sunmyong.sc.kr/xboard/board.php?tbnum=3
검사항목 10. (조작 가능) 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다.
진단결과 오류
오류유형
○ 컨트롤의 크기가 대각선으로 6.0mm 이상 제공하지 않은 경우
버튼의 크기가 너무 작아 클릭시 오류를 발생 시킬수 있음.

해결방안
버튼 크기가 라디오 버튼 크기보다도 작아 조작에 불편함을 줄 수 있기 때문에 조작 버튼의 사이즈를 대각
선 길이가 6mm 이상으로 크게 수정해야 함. 
페이지 6
경로 홈 > 선명소식 > 오늘의 생활안내
검사항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.

오류유형
○ 각 입력 서식에 1:1로 대응하는 레이블을 제공하지 않은 경우

title값을 넣어주었지만
lable을 제공해주는것이 가장 적절함

해결방안
ex)<input class="input1" type="text" title="검색어" size="15" name="searchword">>
<lable for="input1">검색어</lable> <input id="input1" class="input1" type="text" title="검색어"
size="15" name="searchword"> 
페이지 8
경로 홈 > 선명교육 > 교육목표
URL http://sunmyong.sc.kr/education/01.html
○ 제목 셀과 내용 셀을 구분하지 않거나 잘못 구분한 경우
표의 제목과 요약정보를 summary와 caption 태그를 사용하여 제공해 주지 않음.

오류유형

해결방안
해당 테이블은 레이아웃용도로 제공하고 있다고 볼 수 있음.순차적으로 접근하더라도 의미의 이해가 가능하므로
scope="row" 제공하지 않아야 함. 
페이지 9
경로 홈 > 학생마당 > 학생인권
진단결과 오류
오류유형
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
제목에 해당되는 콘텐츠에 대체텍스트를 제공하지 않음.

해결방안
예)<h3><img alt="" src="../data_files/images/student/title8.gif"/> 
</h3> > <h3><img alt="학생인권"
src="../data_files/images/student/title8.gif"/> </h3> 
페이지 9
경로 홈 > 학생마당 > 학생인권
진단결과 오류
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.

오류유형

해결방안 예)학생마당 > 학생인권(목록) 학생마당 
페이지 10
경로 홈 > 학생마당 > 학생인권 > 글읽기(개콘 학교폭력)
URL
http://sunmyong.sc.kr/xboard/board.php?mode=view&number=12303&numCount_=21&categoryName_=&tbnum=36&sCat=0&pa
ge=1&keyset=&searchword=
검사항목 2. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다.
진단결과 오류
○ 멀티미디어 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
해당 동영상에 대한 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않아
청각장애인이나 시각장애인 등이 정확한 내용 파악이 어려움.

오류유형

해결방안 멀티미디어 콘텐츠 대한 자막이나, 원고 , 수화등을 넣어 주어야 합니다.
페이지 10
URL
진단결과 오류
○ 프레임 요소에 제목을 제공하지 않은 경우
<iframe>요소의 title 속성이 없음.

오류유형

해결방안
<![if !mso]>
<style>
v:* {behavior:url(#default#VML);}
o:* {behavior:url(#default#VML);}
w:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]
><frame>, <iframe>, <frameset> 
요소의 title 값을 제공해 줌.
예)

<iframe width="600" height="500" frameborder="0" allowfullscreen="" src="https://<a
href="http://www.youtube.com/embed/Yff82S8dArc?feature=player_detailpage">www.youtube.com/embed/Yff82S8dArc?
feature=player_detailpage</a>">
</iframe>
>
<iframe title="해피콘서트(학교폭력 예방
교육용 영상물 제1탄) 동영상" width="600" height="500" frameborder="0" allowfullscreen=""<span

class="nodeAttr editGroup "> src="https://<a
href="http://www.youtube.com/embed/Yff82S8dArc?feature=player_detailpage">www.youtube.com/embed/Yff82S8dArc?
feature=player_detailpage</a>"> 

페이지 10
URL
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.

해결방안
 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. 예)학생마당 > 해피콘서트 (학교폭렬 예
방교육용 영상물 1탄) 학생인권 학생마당 
확인 출력
위로가기
COPYRIGHT(C)2014 웹접근성연구소 ALL RIGHT RESERVED

광주선명학교 홈페이지

Recommended

Recommended

More Related Content

Featured

Featured (20)

광주선명학교 홈페이지