Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
목포대학교 국제교류교육원
1. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 1/37
1. 적절한 대체 텍스트 제공 0 / 10
2. 자막 제공 8 / 10
3. 색에 무관한 콘텐츠 인식 10 / 10
4. 명확한 지시 사항 제공 9 / 10
5. 텍스트 콘텐츠의 명도 대비 9 / 10
6. 배경음 사용 금지 10 / 10
7. 콘텐츠 간의 구분 10 / 10
8. 키보드 사용 보장 8 / 10
9. 초점 이동 7 / 10
10. 조작 가능 10 / 10
11. 응답 시간 조절 10 / 10
12. 정지 기능 제공 10 / 10
13. 깜빡임과 번쩍임 사용 제한 10 / 10
14. 반복 영역 건너뛰기 9 / 10
15. 제목 제공 0 / 10
16. 적절한 링크 텍스트 10 / 10
17. 기본 언어 표시 0 / 10
18. 사용자 요구에 따른 실행 8 / 10
19. 콘텐츠의 선형화 10 / 10
20. 표의 구성 8 / 10
21. 레이블 제공 6 / 10
22. 오류 정정 10 / 10
23. 마크업 오류 방지 10 / 10
24. 웹 애플리케이션 자체 접근성 해당없음
기관명 공공기관 목포대학교 국제교류교육원
홈페이지 명 국제교류교육원
홈페이지 주소 http://iiee.mokpo.ac.kr
심사기간 201569 ~ 2015610
목포대학교 국제교류교육원 사이트의 웹접근성 준수정도는 미흡합니다.
대체텍스트 제공과 기본언어표시, 해당 페이지에 맞는 제목을 제공해 주셔야 합니다.
그밖에도 레이블제공, 표의 구성등 전체적으로 점검이 필요합니다.
항목 1 2 3 4 5 6 7 8 9 10 준수페이지 준수도
1. 적절한 대체 텍스트
제공
X X X X X X X X X X 0 / 10 미흡
2. 자막 제공 O O X X O O O O O O 8 / 10 보통
3. 색에 무관한 콘텐츠
인식
O O O O O O O O O O 10 / 10 우수
4. 명확한 지시 사항 제
공
O O O O X O O O O O 9 / 10 양호
5. 텍스트 콘텐츠의 명
도 대비 O O X 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 우수
8. 키보드 사용 보장 O O X X O O O O O O 8 / 10 보통
HOME > 배정 목록 > 평가 배정 목록
※ 항목 준수도 : 우수(2322), 양호(2120), 보통(1918), 미흡(17이하)
※ 페이지 준수여부 : ○ (준수), X (미준수)
※ 항목 준수도 : 우수(10), 양호(9), 보통(8), 미흡(7이하)
지킴이 관리화면
진단개요 페이지 선정 페이지 상세진단 반려 게시판
평가결과 : 미흡 (총 24항목중 11개 준수)
종합의견
페이지별 평가 결과
보고서 미리보기
g2015023님 로그인 되었습니다
2015년 11월 9일 월요일
배정 목록
완료 목록
2. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 2/37
샘플페이지 1
페이지 경로 : 메인
페이지 URL : http://iiee.mokpo.ac.kr/
샘플페이지 2
페이지 경로 : 홈 > 소개 및 안내 > 조직도
페이지 URL : http://iiee.mokpo.ac.kr/htmls/sub01/sub0103.html
9. 초점 이동 X O X X O O O O O O 7 / 10 미흡
10. 조작 가능 O O O O O O O O O O 10 / 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. 깜빡임과 번쩍임 사
용 제한
O O O O O O O O O O 10 / 10 우수
14. 반복 영역 건너뛰기 X O O O O O O O O O 9 / 10 양호
15. 제목 제공 X X X X X X X X X X 0 / 10 미흡
16. 적절한 링크 텍스트 O O O O O O O O O O 10 / 10 우수
17. 기본 언어 표시 X X X X X X X X X X 0 / 10 미흡
18. 사용자 요구에 따른
실행
O O X X O O O O O O 8 / 10 보통
19. 콘텐츠의 선형화 O O O O O O O O O O 10 / 10 우수
20. 표의 구성 O O O O O O X O X O 8 / 10 보통
21. 레이블 제공 X O X O X O O X O O 6 / 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. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 3/37
샘플페이지 3
페이지 경로 : 홈 > 소개 및 안내 > 홍보동영상
페이지 URL : http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_mov
ie
샘플페이지 4
페이지 경로 : 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상
한국어)
페이지 URL : http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_mov
ie&wr_id=6
샘플페이지 5
페이지 경로 : 홈 > 회원가입
페이지 URL : https://iiee.mokpo.ac.kr/bbs/register_form.php
샘플페이지 6
페이지 경로 : 홈 > 한국어 연수 > 연수소개
페이지 URL : https://iiee.mokpo.ac.kr/htmls/sub03/sub0301.html
4. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 4/37
샘플페이지 7
페이지 경로 : 홈 > 외국어 교육 > 연간일정
페이지 URL : https://iiee.mokpo.ac.kr/htmls/sub04/sub0402.html?getYe
ar=2015
샘플페이지 8
페이지 경로 : 홈 > 열린광장 > FAQ
페이지 URL : https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=faq
샘플페이지 9
페이지 경로 : 홈 > 열린광장 > 유학생공지
페이지 URL : https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad
샘플페이지 10
페이지 경로 : 홈 > 열린광장 > 유학생공지 > 글읽기( 2015년 제 6대 유
학생회장선거 안내 )
페이지 URL : https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroa
d&wr_id=146
페이지 1
경로 메인
URL http://iiee.mokpo.ac.kr/
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
페이지별 상세진단
6. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 6/37
오류유형
해결방안 <p><span style="msofareastfontfamily:맑은 고딕;">초점의 이동순서를 논리적으로 바꿔주어야함 </span></p>
페이지 1
경로 메인
URL http://iiee.mokpo.ac.kr/
검사항목 14. (반복 영역 건너뛰기) 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.
진단결과 오류
○ 건너뛰기 링크를 제공하지 않은 경우
반복영역이 있음에도 건너뛰기 링크를 제공하지 않음
7. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 7/37
오류유형
해결방안
<![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]
><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1
lfo3;"><span style="fontsize: 10pt;">반복영역을 건너뛸수 있는 스킵네비게이션을 제공</span><span style="fontfamily: 맑은
고딕; letterspacing: 0pt; fontsize: 10pt;" lang="ENUS">해야 함. </span></p><p class="1" style="msopagination:none;text
autospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><span style="fontfamily: 맑은 고딕; letter
spacing: 0pt; fontsize: 10pt;" lang="ENUS"></span><span style="fontfamily: 맑은 고딕; letterspacing: 0pt; fontsize: 10pt;"
lang="ENUS"><![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]
></span></p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;mso
list:l2 level1 lfo3;"><span style="msofareastfontfamily:맑은 고딕;"> </span></p><br><p> </p>
페이지 1
경로 메인
URL http://iiee.mokpo.ac.kr/
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
○ 프레임 요소에 제목을 제공하지 않은 경우
9. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 9/37
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 1
경로 메인
URL http://iiee.mokpo.ac.kr/
검사항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.
진단결과 오류
오류유형
○ 각 입력 서식에 1:1로 대응하는 레이블을 제공하지 않은 경우
입력서식에 해당하는 레이블 (<label>)을 제공하지 않음.
해결방안
<p>전맹 시각장애인이나 기계의 해석을 위해 입력서식에는 1:1로 대응하는 </p><p>레이블을 제공해 주어야 함. </p>
<p> </p><p>ex)</p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag ">input</span>
<span class="nodeAttr editGroup "> <span class="nodeName editable ">type</span>="<span class="nodeValue editable
">text</span>"</span><span class="nodeBracket editable insertBefore "> ~~/></span></span></p><p>></p><p><b>
<label for="input_id">아이디</lable></b> </p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span
class="nodeTag ">input</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">type</span>="<span
class="nodeValue editable ">text</span>"</span><span class="nodeAttr editGroup "> <b>id="input_id"</b> </span><span
class="nodeAttr editGroup ">~~ /</span><span class="nodeBracket editable insertBefore ">></span></span> </p><p> </p>
페이지 2
경로 홈 > 소개 및 안내 > 조직도
URL http://iiee.mokpo.ac.kr/htmls/sub01/sub0103.html
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
10. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 10/37
오류유형
해결방안
<p class="1" style="textindent:11.8pt;marginleft:21.8pt;msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt
0.0pt 0.0pt;msolist:l2 level1 lfo3;">해당 컨텐츠의 내용이 많으므로 <span style="fontfamily: 돋움,dotum; letterspacing: 0pt;"
lang="ENUS"> </span></p><p class="1" style="textindent:11.8pt;marginleft:21.8pt;msopagination:none;text
autospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><span style="fontfamily: 돋움,dotum; letter
spacing: 0pt;" lang="ENUS"><longdesc> </span><span style="fontfamily: 돋움,dotum;">속성등을 제공하여 이미지의 형태로
제공된 텍스트의 내용을 알 수 있도록 제공해야 함. </span></p><p> </p><p class="1" style="textindent:11.8pt;margin
left:21.8pt;msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><span
style="fontfamily: 돋움,dotum; letterspacing: 0pt;" lang="ENUS"><br></span><span style="fontfamily: 돋움,dotum;">
</span></p><p><span style="fontfamily: 돋움,dotum;"> </span></p><p> </p>
페이지 2
경로 홈 > 소개 및 안내 > 조직도
URL http://iiee.mokpo.ac.kr/htmls/sub01/sub0103.html
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
11. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 11/37
오류유형
해결방안
<p> </p><p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p><p>국립목포대학교 국제교류교육원
><b> 조직도 소개 및 안내 국립목포 대학교 국제교류 교육원</b> </p><p> </p><p> </p>
페이지 2
경로 홈 > 소개 및 안내 > 조직도
URL http://iiee.mokpo.ac.kr/htmls/sub01/sub0103.html
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>ex) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
12. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 12/37
오류유형
콘텐츠에 대한 대체텍스트를 입력하지 않음
해결방안
<p>예)</p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag ">img</span><span
class="nodeAttr editGroup "> <span class="nodeName editable ">border</span>="<span class="nodeValue editable
">0</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable ">src</span>="<span
class="nodeValue editable">../skin/board/moviefl/img/gohome.gif</span>"</span><span class="nodeBracket editable
insertBefore ">></span></span></p><p>></p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span
class="nodeTag ">img</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">border</span>="<span
class="nodeValue editable ">0</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable
">src</span>="<span class="nodeValue editable">../skin/board/moviefl/img/gohome.gif</span>" <b>alt="동영상보기"</b>
</span><span class="nodeBracket editable insertBefore ">></span></span> </p><p> </p>
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 2. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다.
진단결과 오류
오류유형
○ 멀티미디어 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
해당 동영상에 대한 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않아
청각장애인이나 시각장애인 등이 정확한 내용 파악이 어려움.
13. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 13/37
해결방안 멀티미디어 콘텐츠 대한 자막이나, 원고 , 수화등을 넣어 주어야 함
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 5. (텍스트 콘텐츠의 명도 대비) 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1 이상이어야 한다.
진단결과 오류
오류유형
○ 일반 텍스트 또는 이미지 텍스트의 명도 대비가 3:1을 만족하지 않은 경우
명도 대비가 낮아 저시력자나 전맹시각장애인등은 텍스트를 정확하게 인지하지 어려움
해결방안
텍스트의 명도 대비를 3:1 이상이 되도록 수정해야 함.
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 8. (키보드 사용 보장) 모든 기능은 키보드만으로도 사용 할 수 있어야 한다.
진단결과 오류
○ 마우스로 제어할 수 있는 요소를 키보드로 제어할 수 없는 경우
소개및 안내 서브메뉴(lnb) 이후 다음메뉴로 키보드의 이동이 되지 않음.
this.blur()를 사용하면 포커스가 페이지 첫부분으로 날아가기 때문에 키보드 사용자는 웹페이지 탐색을 할 수 없게 됨.
14. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 14/37
오류유형
해결방안
<span style="msofareastfontfamily:맑은 고딕;">페이지내 마우스로 제어할수 있는 기능은 키보드로 접근이 가능하도록 수정해
야 함</span>
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 9. (초점 이동) 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다.
진단결과 오류
오류유형
○ 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우
해당 메뉴에는 초점이 이동하지 않음.
메뉴에 onfocus=this.blur(); 처리함
해결방안
<p><span style="msofareastfontfamily:맑은 고딕;">링크나 버튼 등에 키보드로 이동시 초점이 논리적 순서로 이동 되도록 수정
해야 함.</span></p><p><span style="msofareastfontfamily:맑은 고딕;">onfocus=this.blur(); 처리를 제거해야 함. </span>
</p>
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
○ 페이지에 제목을 적절하게 제공하지 않은 경우
15. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 15/37
오류유형
동영상보기 버튼 클릭 후 동영상을 새창으로 제공되고 있으므로
새 창임을 알 수 있는 제목을 제공하지 않음
해결방안 <p>예)</p><p>국립목포대학교 국제교류교육원 > <b>새창 홍보동영상(한국어)</b></p>
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
16. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 16/37
오류유형
해결방안
<p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p><p>국립목포대학교 국제교류교육원 ><b>
홍보동영상 소개및안내 국립목포 대학교 국제교류 교육원</b> </p>
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>ex) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 18. (사용자 요구에 따른 실행) 사용자가 의도하지 않은 기능(새 창, 초점 변화 등)은 실행되지 않아야 한다.
진단결과 오류
○ 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우
사용자가 의도 하지 않은 상황에서 새창이 열림.
17. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 17/37
오류유형
해결방안 의도하지 않은 새창은 뜨지 말아야 함.
페이지 3
경로 홈 > 소개 및 안내 > 홍보동영상
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie
검사항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.
진단결과 오류
오류유형
○ 각 입력 서식에 1:1로 대응하는 레이블을 제공하지 않은 경우
입력서식에 해당하는 레이블 (<label>)을 제공하지 않음.
해결방안
<p>전맹 시각장애인이나 기계의 해석을 위해 입력서식에는 1:1로 대응하는 </p><p>레이블을 제공해 주어야 함. </p>
<p> </p><p>ex)</p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag ">input</span>
<span class="nodeAttr editGroup "> <span class="nodeName editable ">value</span>=" "</span><span class="nodeBracket
editable insertBefore "> required="" itemname="검색어" ~~~/></span></span></p><p>></p><p><b><label for="</b>
<b><span role="treeitem" class="nodeLabelBox repTarget "><span class="nodeAttr editGroup "><b>input_search</b></span>
</span>">검색어</lable></b> </p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag
">input</span><span class="nodeAttr editGroup "><b> id="input_search"</b> <span class="nodeName editable
">value</span>=" "</span><span class="nodeBracket editable insertBefore "> required="" itemname="검색어" ~~~/></span>
</span> </p>
페이지 4
18. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 18/37
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
오류유형
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
해결방안 <p>각 컨텐츠에 의미에 맞는 대체 텍스트를 제공해야함.</p><p> </p><p> </p>
페이지 4
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 2. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다.
진단결과 오류
○ 멀티미디어 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
해당 동영상에 대한 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않아
청각장애인이나 시각장애인 등이 정확한 내용 파악이 어려움.
19. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 19/37
오류유형
해결방안 멀티미디어 콘텐츠 대한 자막이나, 원고 , 수화등을 넣어 주어야 함<br>
페이지 4
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 8. (키보드 사용 보장) 모든 기능은 키보드만으로도 사용 할 수 있어야 한다.
진단결과 오류
○ 마우스로 제어할 수 있는 요소를 키보드로 제어할 수 없는 경우
소개및 안내 서브메뉴(lnb) 이후 다음메뉴로 키보드의 이동이 되지 않음.
this.blur()를 사용하면 포커스가 페이지 첫부분으로 날아가기 때문에 키보드 사용자는 웹페이지 탐색을 할 수 없게 됨.
20. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 20/37
오류유형
해결방안
<span style="msofareastfontfamily:맑은 고딕;">페이지내 마우스로 제어할수 있는 기능은 키보드로 접근이 가능하도록 수정해
야 함</span>
페이지 4
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 9. (초점 이동) 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다.
진단결과 오류
오류유형
○ 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우
해당 메뉴에는 초점이 이동하지 않음.
메뉴에 onfocus=this.blur(); 처리함
21. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 21/37
해결방안
<p><span style="msofareastfontfamily:맑은 고딕;">링크나 버튼 등에 키보드로 이동시 초점이 논리적 순서로 이동 되도록 수정
해야 함.</span></p><p><span style="msofareastfontfamily:맑은 고딕;">onfocus=this.blur(); 처리를 제거해야 함. </span>
</p>
페이지 4
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
동영상보기 버튼 클릭 후 동영상을 새창으로 제공되고 있으므로
새 창임을 알 수 있는 제목을 제공하지 않음
해결방안 <p>예)</p><p>국립목포대학교 국제교류교육원 > <b>새창 홍보동영상(한국어)</b> </p>
페이지 4
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
22. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 22/37
오류유형
해결방안
<p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p><p>국립목포대학교 국제교류교육원 ><b>
</b><b>(홍보동영상 한국어) 홍보동영상 소개및 안내 국립목포 대학교 국제교류 교육원</b> </p>
페이지 4
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 4
경로 홈 > 소개 및 안내 > 홍보동영상 > 글읽기(홍보동영상 한국어)
URL http://iiee.mokpo.ac.kr/bbs/board.php?bo_table=info_movie&wr_id=6
검사항목 18. (사용자 요구에 따른 실행) 사용자가 의도하지 않은 기능(새 창, 초점 변화 등)은 실행되지 않아야 한다.
진단결과 오류
23. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 23/37
오류유형
○ 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우
사용자가 의도 하지 않은 상황에서 새창이 열림.
해결방안 의도하지 않은 새창은 뜨지 말아야 함.
페이지 5
경로 홈 > 회원가입
URL https://iiee.mokpo.ac.kr/bbs/register_form.php
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
오류유형
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
해결방안
<p>예)</p><p><input width="66" type="image" height="20" border="0" accesskey="s"
src="../skin/member/basic/img/join_ok_btn.gif"></p><p>></p><p><input width="66" type="image" height="20" border="0"
accesskey="s" src="../skin/member/basic/img/join_ok_btn.gif" <b>alt="확인"</b>> </p>
24. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 24/37
페이지 5
경로 홈 > 회원가입
URL https://iiee.mokpo.ac.kr/bbs/register_form.php
검사항목 4. (명확한 지시사항 제공) 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다.
진단결과 오류
오류유형
○ 색, 크기, 모양, 방향 등 지시사항을 시각정보로만 제공한 경우
빨간글자를 입력하세요는 색상만으로 내용을 제공한 콘텐츠이므로
색맹,색약을 가진 사용자의 경우 정보를 제공 받기 어려움
해결방안
<p>색상만으로 정보를 제공하지 않아야 함.</p><p> 해당영역에 레이블을 제공하고 방향과 레이블을 함께 지시하는 것일 적절함
</p>
페이지 5
경로 홈 > 회원가입
URL https://iiee.mokpo.ac.kr/bbs/register_form.php
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
<p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p>국립목포대학교 국제교류교육원 ><b> 회원
25. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 25/37
해결방안 가입 국립목포 대학교 국제교류 교육원</b>
페이지 5
경로 홈 > 회원가입
URL https://iiee.mokpo.ac.kr/bbs/register_form.php
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 5
경로 홈 > 회원가입
URL https://iiee.mokpo.ac.kr/bbs/register_form.php
검사항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.
진단결과 오류
오류유형
○ 각 입력 서식에 1:1로 대응하는 레이블을 제공하지 않은 경우
입력서식에 해당하는 레이블 (<label>)을 제공하지 않음.
<p>전맹 시각장애인이나 기계의 해석을 위해 입력서식에는 1:1로 대응하는 </p><p>레이블을 제공해 주어야 함. </p>
<p> </p><p>ex)</p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag ">input</span>
26. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 26/37
해결방안
<span class="nodeAttr editGroup "> id="reg_mb_id" class="m_text"</span><span class="nodeBracket editable insertBefore ">
~~/></span></span></p><p>></p><p><b><label for="</b><b><span role="treeitem" class="nodeLabelBox repTarget
"><span class="nodeAttr editGroup ">reg_mb_id</span></span>">아이디</lable></b> </p><p><span role="treeitem"
class="nodeLabelBox repTarget "><<span class="nodeTag ">input</span><span class="nodeAttr editGroup "> id="reg_mb_id"
class="m_text"</span><span class="nodeBracket editable insertBefore "> ~~/></span></span></p><p> </p>
페이지 6
경로 홈 > 한국어 연수 > 연수소개
URL https://iiee.mokpo.ac.kr/htmls/sub03/sub0301.html
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
오류유형
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
해결방안
<p>해당 컨텐츠에 맞는 대체텍스트를 입력해야 함. </p><p>예)</p><p><img src="images/0301_korean_img01.gif"><b><br>
</b>> </p><p><img <b>alt="국립 목포대학교 국제교류교육원 한국어 연수과정 ...."
</b>src="images/0301_korean_img01.gif"><b><br></b></p><p> </p><p> </p>
페이지 6
경로 홈 > 한국어 연수 > 연수소개
URL https://iiee.mokpo.ac.kr/htmls/sub03/sub0301.html
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
27. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 27/37
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
해결방안
<p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p>국립목포대학교 국제교류교육원 ><b> 연수
소개한국어연수 국립목포 대학교 국제교류 교육원</b>
페이지 6
경로 홈 > 한국어 연수 > 연수소개
URL https://iiee.mokpo.ac.kr/htmls/sub03/sub0301.html
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 7
경로 홈 > 외국어 교육 > 연간일정
URL https://iiee.mokpo.ac.kr/htmls/sub04/sub0402.html?getYear=2015
28. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 28/37
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
오류유형
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
해결방안
<p>예)</p><p><img width="598" height="90" border="0" alt="" src="/htmls/sub04/skin/images/0402_topimg.gif"></p><p>
></p><p><img width="598" height="90" border="0" <b>alt="목표대학교 국제교류교육원에서는 정규 외국어 영어회화, TOEFL,
TOEIC, 일본어, 중국어, 독일어, 한국어, 영어집중강좌가 진행중입니다. 자세한 사항은 해당 강좌를 클릭후 확인해 주시길 바랍니
다."</b> src="/htmls/sub04/skin/images/0402_topimg.gif"> </p>
페이지 7
경로 홈 > 외국어 교육 > 연간일정
URL https://iiee.mokpo.ac.kr/htmls/sub04/sub0402.html?getYear=2015
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
해결방안
<p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p><p>국립목포대학교 국제교류교육원 ><b>
연간일정 외국어 교육 국립목포 대학교 국제교류 교육원</b> </p>
페이지 7
경로 홈 > 외국어 교육 > 연간일정
29. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 29/37
URL https://iiee.mokpo.ac.kr/htmls/sub04/sub0402.html?getYear=2015
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 7
경로 홈 > 외국어 교육 > 연간일정
URL https://iiee.mokpo.ac.kr/htmls/sub04/sub0402.html?getYear=2015
검사항목 20. (표의 구성) 표는 이해하기 쉽게 구성해야 한다.
진단결과 오류
오류유형
○ 표의 제목과 요약정보를 제공하지 않은 경우
표의 내용을 알수 있는 제목이나 요약정보를 제공하지 않음.
<![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]
><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1
lfo3;"><span style="msofareastfontfamily:맑은 고딕;">표의 내용을 알수 있는 제목이나 요약정보를 제공해야 함</span><span
30. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 30/37
해결방안
style="fontfamily:맑은 고딕;msofontwidth:100%;letterspacing:0.0pt;msotextraise:0.0pt;" lang="ENUS">.</span></p><p
class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;">
<span style="fontfamily:맑은 고딕;msofontwidth:100%;letterspacing:0.0pt;msotextraise:0.0pt;" lang="ENUS"></span>
<span style="msofareastfontfamily:맑은 고딕;">예</span><span style="fontfamily:맑은 고딕;msofontwidth:100%;letter
spacing:0.0pt;msotextraise:0.0pt;" lang="ENUS">) </span></p><p class="1" style="msopagination:none;text
autospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><table class="tb104"></p><p class="1"
style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;">~~ </p><p
class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;">
</table></p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2
level1 lfo3;">></p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;mso
list:l2 level1 lfo3;"> </p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt
0.0pt;msolist:l2 level1 lfo3;"><span style="fontfamily: 돋움,dotum;"><table class="tb104" <b>summary="외국어 특강, 접수기
간, 교육기간 내용제공"></b></span></p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt
0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><b><span style="fontfamily: 돋움,dotum; letterspacing: 0pt;" lang="ENUS">
<caption></span><span style="fontfamily: 돋움,dotum;">외국어 특강 접수기간과 교육기간</span><span style="fontfamily:
돋움,dotum; letterspacing: 0pt;" lang="ENUS"></cpation></span></b></p><p class="1" style="msopagination:none;text
autospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><span style="fontfamily: 돋움,dotum;">
</table></span></p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt
0.0pt;msolist:l2 level1 lfo3;"><br><span style="fontfamily:맑은 고딕;msofontwidth:100%;letterspacing:0.0pt;msotext
raise:0.0pt;" lang="ENUS"></span></p>
페이지 7
경로 홈 > 외국어 교육 > 연간일정
URL https://iiee.mokpo.ac.kr/htmls/sub04/sub0402.html?getYear=2015
검사항목 20. (표의 구성) 표는 이해하기 쉽게 구성해야 한다.
진단결과 오류
오류유형
○ 제목 셀과 내용 셀을 구분하지 않거나 잘못 구분한 경우
제목 셀에 해당 하는 내용을 내용 셀로 구분함.
해결방안 목셀에 해당되는 셀은 th 태그로 마크업 해야함.<p>예)</p><p><td>구분</td> > <b><th>구분</th></b> </p>
페이지 8
경로 홈 > 열린광장 > FAQ
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=faq
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
31. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 31/37
오류유형
해결방안
<p>예)</p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag ">img</span><span
class="nodeAttr editGroup "> <span class="nodeName editable ">width</span>="<span class="nodeValue editable
">88</span>"</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">height</span>="<span
class="nodeValue editable ">39</span>"</span><span class="nodeAttr editGroup"> <span class="nodeName editable
">src</span>="<span class="nodeValue editable">../skin/board/bless_faq/img/search_01.gif</span>"</span><span
class="nodeBracket editable insertBefore ">></span></span></p><p>></p><p><span role="treeitem" class="nodeLabelBox
repTarget "><<span class="nodeTag ">img</span><span class="nodeAttr editGroup "> <span class="nodeName editable
">width</span>="<span class="nodeValue editable ">88</span>"</span><span class="nodeAttr editGroup "> <span
class="nodeName editable ">height</span>="<span class="nodeValue editable ">39</span>"</span><span class="nodeAttr
editGroup"> <span class="nodeName editable ">src</span>="<span class="nodeValue
editable">../skin/board/bless_faq/img/search_01.gif</span>"</span><span class="nodeBracket editable insertBefore ">
<b>alt="검색"</b>></span></span> </p>
페이지 8
경로 홈 > 열린광장 > FAQ
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=faq
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
해결방안
<p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p>국립목포대학교 국제교류교육원 ><b> faq
열린광장 국립목포대학교 국제교류 교육원</b>
페이지 8
경로 홈 > 열린광장 > FAQ
32. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 32/37
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=faq
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 8
경로 홈 > 열린광장 > FAQ
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=faq
검사항목 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야 한다.
진단결과 오류
오류유형
○ 각 입력 서식에 1:1로 대응하는 레이블을 제공하지 않은 경우
입력서식에 해당하는 레이블 (<label>)을 제공하지 않음.
해결방안
<p>전맹 시각장애인이나 기계의 해석을 위해 입력서식에는 1:1로 대응하는 </p><p>레이블을 제공해 주어야 함. </p>
<p> </p><p>ex)</p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag ">input</span>
<span class="nodeAttr editGroup "> maxlength="<span class="nodeValue editable ">20</span>"</span><span
class="nodeBracket editable insertBefore "> ~~/></span></span></p><p>></p><p><b><label for="</b><b><span
role="treeitem" class="nodeLabelBox repTarget "><span class="nodeAttr editGroup "><b>input_search</b></span>
</span>2">검색어</lable></b> </p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag
">input</span><span class="nodeAttr editGroup "> <b>id="input_search2</b>" maxlength="<span class="nodeValue editable
">20</span>"</span><span class="nodeBracket editable insertBefore "> ~~/></span></span></p><p> </p>
페이지 9
경로 홈 > 열린광장 > 유학생공지
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
진단결과 오류
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
33. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 33/37
오류유형
해결방안
<p>예)</p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag ">img</span><span
class="nodeAttr editGroup "> <span class="nodeName editable ">align</span>="<span class="nodeValue editable
">absmiddle</span>"</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">src</span>="<span
class="nodeValue editable ">../skin/board/basic/img/icon_file.gif</span>"</span><span class="nodeBracket editable insertBefore
">></span></span></p><p>></p><p><span role="treeitem" class="nodeLabelBox repTarget "><<span class="nodeTag
">img</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">align</span>="<span class="nodeValue
editable ">absmiddle</span>"</span><span class="nodeAttr editGroup "> <span class="nodeName editable ">src</span>="
<span class="nodeValue editable ">../skin/board/basic/img/icon_file.gif</span>" <b>alt="첨부파일제공"</b></span><span
class="nodeBracket editable insertBefore ">></span></span> </p>
페이지 9
경로 홈 > 열린광장 > 유학생공지
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
해결방안
<p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p>국립목포대학교 국제교류교육원 ><b> 유학
생공지열린광장 국립목포 대학교 국제교류 교육원</b>
34. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 34/37
페이지 9
경로 홈 > 열린광장 > 유학생공지
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
페이지 9
경로 홈 > 열린광장 > 유학생공지
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad
검사항목 20. (표의 구성) 표는 이해하기 쉽게 구성해야 한다.
진단결과 오류
오류유형
○ 제목 셀과 내용 셀을 구분하지 않거나 잘못 구분한 경우
제목 셀에 해당 하는 내용을 내용 셀로 구분함.
해결방안 목셀에 해당되는 셀은 th 태그로 마크업 해야함.<p>예)</p><p><td>번호</td> > <b><th>번호</th></b> </p>
페이지 9
경로 홈 > 열린광장 > 유학생공지
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad
35. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 35/37
검사항목 20. (표의 구성) 표는 이해하기 쉽게 구성해야 한다.
진단결과 오류
오류유형
○ 표의 제목과 요약정보를 제공하지 않은 경우
표의 내용을 알수 있는 제목이나 요약정보를 제공하지 않음.
해결방안
<p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;">
<span style="msofareastfontfamily:맑은 고딕;">표의 내용을 알수 있는 제목이나 요약정보를 제공해야 함</span><span
style="fontfamily:맑은 고딕;msofontwidth:100%;letterspacing:0.0pt;msotextraise:0.0pt;" lang="ENUS">.</span></p><p
class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;">
<span style="fontfamily:맑은 고딕;msofontwidth:100%;letterspacing:0.0pt;msotextraise:0.0pt;" lang="ENUS"></span>
<span style="msofareastfontfamily:맑은 고딕;">예</span><span style="fontfamily:맑은 고딕;msofontwidth:100%;letter
spacing:0.0pt;msotextraise:0.0pt;" lang="ENUS">) </span></p><p class="1" style="msopagination:none;text
autospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><table width="100%" cellspacing="2"
cellpadding="0" border="0"></p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt
0.0pt 0.0pt;msolist:l2 level1 lfo3;">~~ </p><p class="1" style="msopagination:none;textautospace:none;msopadding
alt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"></table></p><p class="1" style="msopagination:none;text
autospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;">></p><p class="1" style="mso
pagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"> </p><p class="1"
style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><table
width="100%" cellspacing="2" cellpadding="0" border="0" <b>summary="유학생공지사항 내용 및 날자 조회수 정보</b>">
</p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1
lfo3;"> </p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2
level1 lfo3;"><b><span style="fontfamily: 돋움,dotum; letterspacing: 0pt;" lang="ENUS"><caption></span><span
style="fontfamily: 돋움,dotum;">유학생 공지사항 내용</span><span style="fontfamily: 돋움,dotum; letterspacing: 0pt;"
lang="ENUS"></cpation></span></b></p><p class="1" style="msopagination:none;textautospace:none;msopadding
alt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"> </p><p class="1" style="msopagination:none;textautospace:none;mso
paddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"></table></p><p class="1" style="msopagination:none;text
autospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"> </p><p class="1" style="mso
pagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt 0.0pt;msolist:l2 level1 lfo3;"><span style="fontfamily:
돋움,dotum;"></span></p><p class="1" style="msopagination:none;textautospace:none;msopaddingalt:0.0pt 0.0pt 0.0pt
0.0pt;msolist:l2 level1 lfo3;"><span style="fontfamily: 돋움,dotum;"> </span></p>
페이지 10
경로 홈 > 열린광장 > 유학생공지 > 글읽기( 2015년 제 6대 유학생회장선거 안내 )
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad&wr_id=146
검사항목 1. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
36. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 36/37
진단결과 오류
오류유형
○ 텍스트 아닌 콘텐츠에 대한 대체텍스트를 제공하지 않은 경우
콘텐츠에 대한 대체텍스트를 입력하지 않음
해결방안
<p>예)</p><p><img align="absmiddle" border="0" src="../skin/board/basic/img/btn_list.gif" /></p><p>> </p><p><img
align="absmiddle" border="0" src="../skin/board/basic/img/btn_list.gif" <b>alt="파일첨부됨"</b> /> </p>
페이지 10
경로 홈 > 열린광장 > 유학생공지 > 글읽기( 2015년 제 6대 유학생회장선거 안내 )
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad&wr_id=146
검사항목 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다.
진단결과 오류
오류유형
○ 페이지에 제목을 적절하게 제공하지 않은 경우
페이지 제목 분류가 더 가능함에도 상위 범주로 제목을 제공함.
37. 2015. 11. 9. 웹접근성연구소 관리자
http://www.wah.or.kr/Side_guard/rprt04.asp?reg_seq=419&con_seq=7&pos=f 37/37
해결방안
<p> </p><p> 페이지 제목 분류가 가능한 경우 더 상세하게 제공해야 함. </p><p>예)</p>국립목포대학교 국제교류교육원 >
<b> </b><b>2015년 제6대 유학생회장선거 안내 </b><b>유학생공지 열린광장 국립목포 대학교 국제교류 교육원</b>
<p> </p><p> </p>
페이지 10
경로 홈 > 열린광장 > 유학생공지 > 글읽기( 2015년 제 6대 유학생회장선거 안내 )
URL https://iiee.mokpo.ac.kr/bbs/board.php?bo_table=abroad&wr_id=146
검사항목 17. (기본 언어 표시) 주로 사용하는 언어를 명시해야 한다.
진단결과 오류
오류유형
○ 문서 타입에 맞는 기본언어를 명시하지 않은 경우
문서타입에 맞는 기본 언어를 명시하지 않음.
해결방안
<p>기본언어를 명시해 주어야 음성브라우져에서 해당 언어로 인식할 수 있음. </p><p>예) </p><p><html>~~</html></p>
<p>></p><p><html <b>lang="ko" ...</b>> ~~ </html> </p>
확인 출력
위로가기
COPYRIGHT(C)2014 웹접근성연구소 ALL RIGHT RESERVED