SlideShare ist ein Scribd-Unternehmen logo
1 von 29
국내 원격 교육 콘텐츠의 접근성 분석 사례 A Case Study on the Accessibility of Online Learning Content in Korea 2003 년  5 월  16 일 한국콘텐츠학회  2003  춘계 종합학술대회 신승식  (Shin, Sung-shik) [email_address] /  정보통신 사이버대학 http://elearning.hanafos.com http://campus.hanafos.com http://www.ituniv.or.kr
발표 순서 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."   Tim Berners-Lee, W3C Director and Inventor of the World Wide Web
1.  접근성의 정의 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1.  접근성의 정의 :  웹 콘텐츠의 접근성과 관련있는 것들 HTML, XHTML, XML, MathML, PNG, SMIL, SVG… 상호운용성 장치 독립성 사용자 편의성 사용자 친숙성 보조 기술 (assistive technology) 접근성 사용자 입출력 장치 / 기계 사용자 에이전트 저작 도구 콘텐츠 표준 적합성
1.  접근성의 정의  :  접근성이 높은 콘텐츠의 예 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],질문 : 홍길동의 기말점수는 ? 김철수는  2 학년인가 ? 80 1 홍길동 90 2 김철수 기말점수 학년 이름
2.  접근성이 높은 웹 디자인의 부가적 이득 (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
2.  접근성이 높은 웹 디자인의 부가적 이득 (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
2.  접근성이 높은 웹 디자인의 부가적 이득 (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.  웹 접근성 관련 지침 (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3.  웹 접근성 관련 지침 (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
4.  교육용 콘텐츠의 접근성 분석 (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.  교육용 콘텐츠의 접근성 분석 (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4.1.  분석 대상 교과목 콘텐츠 ( 주 ) 캠퍼스 21, ( 주 ) 엠비존닷컴 http://www.campus21.co.kr (J)  조디악 온라인 한국디지털대학교 http://www.koreadu.ac.kr (I)  인간행동과 사회 환경 한양사이버대학교 http://www.hanyangcyber.ac.kr (H)  웹디자인 기초 하나로드림주식회사 http://elearning.hanafos.com (G)  성공하는 사람에게  CS  노하우가 있다 . 삼성에스디에스 ( 주 )  삼성멀티캠퍼스 http://www.e-campus.co.kr (F)  비즈니스 협상 스킬업 한성대학교 http://www.ituniv.or.kr (E)  디지털 영상 컨텐츠 제작 서울디지털대학교 http://www.sdu.ac.kr (D) MIS 남서울대학교 http://www.ituniv.or.kr (C) ERP  시스템 ( 주 ) 이케이엘씨 http://www.2klc.com (B) Dr. TOEIC ( 주 ) 클라인텍 http://www.clinetech.com (A) Basic MBA 제작 / 공급 기관 URL( 도메인명만 표시 ) 과목명
4.2.  자동 분석  : Bobby Test ,[object Object],[object Object],[object Object],2 모든 문서에는 제목을 붙여야 한다 . 2 13.2 2 클라이언트측 이미지맵에는 별도의 텍스트 링크를 따로 제공해야 한다 . 3 1.5 2 이미지맵 핫스팟 (AREA) 에 대체 텍스트를 제시해야 한다 . 1 1.1 5 서로 다른 링크에 똑같은 텍스트를 사용하면 안된다 . 2 13.1 7 이벤트 핸들러가 마우스와 키보드를 모두 지원해야 한다 . 2 9.3 9 표의 요약을 제시해야 한다 . 3 5.5 9 문서의 사용 언어를 명시해야 한다 . 3 4.3 9 절대적이 아닌 상대적인 크기와 위치를 지정해야 한다 . 2 3.4 9 문서의 앞부분에  DOCTYPE 을 명시해야 한다 . 2 3.2 9 모든 이미지에 대해 대체 텍스트를 붙여야 한다 . 1 1.1 위반  사례수 체크포인트 내용 중요도 WCAG  체크포인트
4.3.  문법 검사 ,[object Object],[object Object],[object Object],[object Object],[object Object],12 개 64 줄 (J)  조디악 온라인 35 개 78 줄 (I)  인간행동과 사회 환경 58 개 111 줄 (H)  웹디자인 기초 27 개 144 줄 (G)  성공하는 사람에게  CS  노하우가 있다 . 58 개 111 줄 (F)  비즈니스 협상 스킬업 35 개 337 줄 (E)  디지털 영상 컨텐츠 제작 19 개 35 줄 (D) MIS 25 개 125 줄 (C) ERP  시스템 119 개 468 줄 (B) Dr. TOEIC 41 개 170 줄 (A) Basic MBA 위반 사례 소스의 라인수 과목명
4.3.  문법 검사  ( 계속 ) ,[object Object],http://example.org/prog?x=1&amp;y=2 <a onFocus=&quot;this.blur()&quot;> <img src=&quot;a.png&quot; align=&quot;middle&quot;> <a href=&quot;alternative.html&quot; onClick=&quot;javascript:func()&quot;> <head> <script> </script> </head> <body> <script type=&quot;text/JavaScript&quot; language=&quot;JavaScript&quot;> <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;>   <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=euc-kr&quot;> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;> 고친 예 http://example.org/prog?x=1&y=2 <a onFocus=this.blur()> <img src=&quot;a.png&quot; align=&quot;absmiddle&quot;> <a href=&quot;javascript:func()&quot;> <head> <script> </script> <body> <script language=&quot;JavaScript&quot;> <meta http-equiv=Content-Type content=&quot;text/html; charset=ks_c_5601-1987&quot;> 유형이 명시되지 않음 . 잘못된 예 인식할 수 없는 엔터티를 사용한 경우 반드시 인용부호가 필요한 속성값에 인용부호를 묶지 않은 경우 속성의 값이 범위에 맞지 않거나 잘못된 경우 태그의 위치가 잘못된 경우 잘못된 속성 (attribute) 을 사용하거나 필수 속성을 빠뜨린 경우 문서의 인코딩 방식을 명시하지 않았거나 잘못 표기한 경우 문서의 유형을 명시하지 않은 경우 유형
4.4.  브라우저 호환성 시험 ,[object Object],[object Object],[object Object],Red Hat Linux 8.0 / Xfree86 4.2 / Gnome terminal Windows 2000 Professional SP3 Lynx 2.8.5 Windows 2000 Professional SP3 Red Hat Linux 8.0 / Xfree86 4.2 Mozilla 1.3.1 Windows 2000 Professional SP3 Internet Explorer 6.0 SP1 테스트 환경 브라우저
4.4.  브라우저 호환성 시험 결과 ,[object Object],[object Object]
4.4.  브라우저 호환성 시험 결과 ,[object Object],[object Object]
4.4.  브라우저 호환성 시험 결과 ,[object Object]
4.4.  브라우저 호환성 시험 결과 ( 정리 ) CSS 의  (visual) formatting model 을 사용 절대위치 지정  layer 를 사용 이미지가 겹쳐 보임 object  태그로 대체 embed  태그 사용 오디오 플레이 안됨 다른 브라우저의  Plug-in  모델 지원 및 표준  script  사용 ActiveX  컨트롤 및  JScript  사용 오디오 및 비디오 플레이 불가 ECMA-262  표준에 맞는 스크립트 ( 예 : JavaScript)  사용 vbscript 를 사용 초기 화면에서  Loading...  만 나오고 진행이 안됨 .   잘못된  action script  사용 플래시의 사용자 마우스 입력을 받을 수 없음 . ECMA-262  표준 준수 및  type 을 명시 정체불명의  script  사용 마우스 클릭 이벤트를 받지 못하거나 이벤트 발생후 변화를 주지 못함 . object  태그와 관련 속성으로 대체 비표준  img  태그의 속성 (dynsrc)  사용 소개 동영상을 볼 수 없음 . object  태그를 사용 비표준 태그  bgsound 를 사용 백그라운드 음성 강의를 들을 수 없음 . W3C 의 표준  DOM 을 준수 비표준  MS DOM 에 맞춘  script  사용 사용자 마우스 클릭 입력을 받을 수 없음 . Media Player 를 웹에 내장하여 구동하는  Java Applet  동시 사용 .  또는  Cross-platform 을 지원하는 미디어 포맷으로 대체 Media Player ActiveX  컨트롤 삽입 비 Internet Explorer  및 비 Windows  계열에서 미디어 플레이어 작동 안함   알 수 없음 . 모의토익은  IE 4.0  이상만 지원 Learn2.com 에서 플러그인을 다운로드받으면 정상 작동 링크 오류 Plug-in  링크가 잘못됨 . (ActiveX  컨트롤은 이상 없음 .) 대체 텍스트를 붙여야 함 . 대체 텍스트가 없음 . 모든 이미지 ,  링크 ,  스크립트 ,  동영상 등에 대한 대체 텍스트가 전혀 없어 텍스트 브라우저로 접근이 완전히 불가능함 . 대책 증상이 나타나는 이유 ( 추정 ) 주요 증상
4.5.  직접 소스 검사  ( 주관적 분석 ) ,[object Object],※  WCAG 1.0 의 경우는 총  14 개의 최상위 지침 (guidelines) 이 있음 . 현재의 브라우저나 웹 기술 ,  그리고 미래의 기술에 대해서도 접근성을 최대화할 수 있도록 콘텐츠를 작성해야 한다 . Robust ( 콘텐츠 강건성 ) 콘텐츠와 컨트롤을 최대한 이해하기 쉽게 제시해야 한다 . Understandable ( 이해 용이성 ) 콘텐츠의 현재 위치 ,  방향을 명확히 하고 탐색이 쉽게 해야 한다 . Navigable ( 탐색 용이성 ) 콘텐츠의 인터페이스 요소가 어떤 사용자에게도 조작 가능해야 한다 . Operable ( 조작 용이성 ) 의도한 기능과 정보가 어떤 사용자에게도 지각 가능한 형태로 제시되어야 한다  ( 단 ,  말로 절대 표현할 수 없는 경우만 제외하고 ) Perceivable ( 지각 용이성 )
4.5.  직접 소스 검사  :  결과 모든 과목 ,[object Object],[object Object],[object Object],콘텐츠 강건성 G, I, B ,[object Object],[object Object],이해  용이성 F, C, H ,[object Object],[object Object],[object Object],탐색  용이성 G, A ,[object Object],[object Object],조작  용이성 B, D, E, F, I ,[object Object],[object Object],[object Object],지각  용이성 과목 문제점들 범주
5.  결론 (1) ,[object Object],[object Object],[object Object],[object Object],[object Object]
5.  결론 (2) ,[object Object],[object Object],[object Object],[object Object]
5.  결론 (2) ,[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Ähnlich wie A Case Study on Accessibility of Online Learning Content in Korea

프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용중선 곽
 
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjsJae Sung Park
 
HTML5 스펙 소개
HTML5 스펙 소개HTML5 스펙 소개
HTML5 스펙 소개Toby Yun
 
웹표준의 이해
웹표준의 이해웹표준의 이해
웹표준의 이해Leehooan
 
웹기술 이해 (프론트엔드 기초)
웹기술 이해 (프론트엔드 기초)웹기술 이해 (프론트엔드 기초)
웹기술 이해 (프론트엔드 기초)JoonHee Lee
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Channy Yun
 
웹표준을 기반한 크로스 브라우징 표준화 (2005)
 웹표준을 기반한 크로스 브라우징 표준화 (2005) 웹표준을 기반한 크로스 브라우징 표준화 (2005)
웹표준을 기반한 크로스 브라우징 표준화 (2005)Channy Yun
 
웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로
웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로
웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로Joon-Ho Hyun
 
과정 커리큘럼
과정 커리큘럼과정 커리큘럼
과정 커리큘럼John Seo
 
웹접근성캠프서울 반응형웹에서의접근성확보방법
웹접근성캠프서울 반응형웹에서의접근성확보방법웹접근성캠프서울 반응형웹에서의접근성확보방법
웹접근성캠프서울 반응형웹에서의접근성확보방법선영 박
 
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향Jonathan Jeon
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론Hankyo
 
04.발표 반응형웹에서접근성확보방법
04.발표 반응형웹에서접근성확보방법04.발표 반응형웹에서접근성확보방법
04.발표 반응형웹에서접근성확보방법Lab Snc
 
Html5 guide
Html5 guideHtml5 guide
Html5 guidecamusice
 
NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신
NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신
NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신Sungwoo Choo
 
[D2 오픈세미나]4.네이티브앱저장통신
[D2 오픈세미나]4.네이티브앱저장통신[D2 오픈세미나]4.네이티브앱저장통신
[D2 오픈세미나]4.네이티브앱저장통신NAVER D2
 
U&i insight2012스터디설명회
U&i insight2012스터디설명회U&i insight2012스터디설명회
U&i insight2012스터디설명회Amy Young Ah Kim
 

Ähnlich wie A Case Study on Accessibility of Online Learning Content in Korea (20)

프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
 
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
[DEVIEW 2016] 네이버의 모던 웹 라이브러리 - egjs
 
HTML5 스펙 소개
HTML5 스펙 소개HTML5 스펙 소개
HTML5 스펙 소개
 
웹표준의 이해
웹표준의 이해웹표준의 이해
웹표준의 이해
 
웹기술 이해 (프론트엔드 기초)
웹기술 이해 (프론트엔드 기초)웹기술 이해 (프론트엔드 기초)
웹기술 이해 (프론트엔드 기초)
 
Web 2.0과 도서관 활용사례
Web 2.0과 도서관 활용사례Web 2.0과 도서관 활용사례
Web 2.0과 도서관 활용사례
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)
 
웹표준을 기반한 크로스 브라우징 표준화 (2005)
 웹표준을 기반한 크로스 브라우징 표준화 (2005) 웹표준을 기반한 크로스 브라우징 표준화 (2005)
웹표준을 기반한 크로스 브라우징 표준화 (2005)
 
웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로
웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로
웹 접근성의 이해 - 한국형 웹 콘텐츠 접근성 2.0을 중심으로
 
과정 커리큘럼
과정 커리큘럼과정 커리큘럼
과정 커리큘럼
 
웹접근성캠프서울 반응형웹에서의접근성확보방법
웹접근성캠프서울 반응형웹에서의접근성확보방법웹접근성캠프서울 반응형웹에서의접근성확보방법
웹접근성캠프서울 반응형웹에서의접근성확보방법
 
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론
 
04.발표 반응형웹에서접근성확보방법
04.발표 반응형웹에서접근성확보방법04.발표 반응형웹에서접근성확보방법
04.발표 반응형웹에서접근성확보방법
 
Html5 guide
Html5 guideHtml5 guide
Html5 guide
 
Html5 Guide
Html5 GuideHtml5 Guide
Html5 Guide
 
Html5 guide
Html5 guideHtml5 guide
Html5 guide
 
NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신
NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신
NAVER 오픈세미나 대구 (2014.08.01) - 오픈소스 라이브러리를 활용한 네이티브 어플리케이션의 데이터 저장과 통신
 
[D2 오픈세미나]4.네이티브앱저장통신
[D2 오픈세미나]4.네이티브앱저장통신[D2 오픈세미나]4.네이티브앱저장통신
[D2 오픈세미나]4.네이티브앱저장통신
 
U&i insight2012스터디설명회
U&i insight2012스터디설명회U&i insight2012스터디설명회
U&i insight2012스터디설명회
 

Mehr von Greg SHIN

웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성
웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성
웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성Greg SHIN
 
Redesigning Corporate Training in a Web 2.0 World
Redesigning Corporate Training in a Web 2.0 WorldRedesigning Corporate Training in a Web 2.0 World
Redesigning Corporate Training in a Web 2.0 WorldGreg SHIN
 
절대음감자의 음정 지각과 산출
절대음감자의 음정 지각과 산출절대음감자의 음정 지각과 산출
절대음감자의 음정 지각과 산출Greg SHIN
 
Toward Universal e-Learning
Toward Universal e-LearningToward Universal e-Learning
Toward Universal e-LearningGreg SHIN
 
Understandable Content and Controls
Understandable Content and ControlsUnderstandable Content and Controls
Understandable Content and ControlsGreg SHIN
 
Issues in Globalization of E-Learning Content and Accessibility
Issues in Globalization of E-Learning Content and AccessibilityIssues in Globalization of E-Learning Content and Accessibility
Issues in Globalization of E-Learning Content and AccessibilityGreg SHIN
 
Web In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross BrowsingWeb In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross BrowsingGreg SHIN
 

Mehr von Greg SHIN (7)

웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성
웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성
웹 콘텐츠 접근성 지침 2.0에 기반한 콘텐츠 제작 기법: 3. 이해의 용이성
 
Redesigning Corporate Training in a Web 2.0 World
Redesigning Corporate Training in a Web 2.0 WorldRedesigning Corporate Training in a Web 2.0 World
Redesigning Corporate Training in a Web 2.0 World
 
절대음감자의 음정 지각과 산출
절대음감자의 음정 지각과 산출절대음감자의 음정 지각과 산출
절대음감자의 음정 지각과 산출
 
Toward Universal e-Learning
Toward Universal e-LearningToward Universal e-Learning
Toward Universal e-Learning
 
Understandable Content and Controls
Understandable Content and ControlsUnderstandable Content and Controls
Understandable Content and Controls
 
Issues in Globalization of E-Learning Content and Accessibility
Issues in Globalization of E-Learning Content and AccessibilityIssues in Globalization of E-Learning Content and Accessibility
Issues in Globalization of E-Learning Content and Accessibility
 
Web In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross BrowsingWeb In Extreme Environment: Beyond Cross Browsing
Web In Extreme Environment: Beyond Cross Browsing
 

Kürzlich hochgeladen

캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스
 
Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Wonjun Hwang
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)Tae Young Lee
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Kim Daeun
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionKim Daeun
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Wonjun Hwang
 

Kürzlich hochgeladen (6)

캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차캐드앤그래픽스 2024년 5월호 목차
캐드앤그래픽스 2024년 5월호 목차
 
Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)Merge (Kitworks Team Study 이성수 발표자료 240426)
Merge (Kitworks Team Study 이성수 발표자료 240426)
 
A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)A future that integrates LLMs and LAMs (Symposium)
A future that integrates LLMs and LAMs (Symposium)
 
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
Continual Active Learning for Efficient Adaptation of Machine LearningModels ...
 
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution DetectionMOODv2 : Masked Image Modeling for Out-of-Distribution Detection
MOODv2 : Masked Image Modeling for Out-of-Distribution Detection
 
Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)Console API (Kitworks Team Study 백혜인 발표자료)
Console API (Kitworks Team Study 백혜인 발표자료)
 

A Case Study on Accessibility of Online Learning Content in Korea

  • 1. 국내 원격 교육 콘텐츠의 접근성 분석 사례 A Case Study on the Accessibility of Online Learning Content in Korea 2003 년 5 월 16 일 한국콘텐츠학회 2003 춘계 종합학술대회 신승식 (Shin, Sung-shik) [email_address] / 정보통신 사이버대학 http://elearning.hanafos.com http://campus.hanafos.com http://www.ituniv.or.kr
  • 2.
  • 3. &quot;The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.&quot; Tim Berners-Lee, W3C Director and Inventor of the World Wide Web
  • 4.
  • 5. 1. 접근성의 정의 : 웹 콘텐츠의 접근성과 관련있는 것들 HTML, XHTML, XML, MathML, PNG, SMIL, SVG… 상호운용성 장치 독립성 사용자 편의성 사용자 친숙성 보조 기술 (assistive technology) 접근성 사용자 입출력 장치 / 기계 사용자 에이전트 저작 도구 콘텐츠 표준 적합성
  • 6.
  • 7.
  • 8.  
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. 4.1. 분석 대상 교과목 콘텐츠 ( 주 ) 캠퍼스 21, ( 주 ) 엠비존닷컴 http://www.campus21.co.kr (J) 조디악 온라인 한국디지털대학교 http://www.koreadu.ac.kr (I) 인간행동과 사회 환경 한양사이버대학교 http://www.hanyangcyber.ac.kr (H) 웹디자인 기초 하나로드림주식회사 http://elearning.hanafos.com (G) 성공하는 사람에게 CS 노하우가 있다 . 삼성에스디에스 ( 주 ) 삼성멀티캠퍼스 http://www.e-campus.co.kr (F) 비즈니스 협상 스킬업 한성대학교 http://www.ituniv.or.kr (E) 디지털 영상 컨텐츠 제작 서울디지털대학교 http://www.sdu.ac.kr (D) MIS 남서울대학교 http://www.ituniv.or.kr (C) ERP 시스템 ( 주 ) 이케이엘씨 http://www.2klc.com (B) Dr. TOEIC ( 주 ) 클라인텍 http://www.clinetech.com (A) Basic MBA 제작 / 공급 기관 URL( 도메인명만 표시 ) 과목명
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. 4.4. 브라우저 호환성 시험 결과 ( 정리 ) CSS 의 (visual) formatting model 을 사용 절대위치 지정 layer 를 사용 이미지가 겹쳐 보임 object 태그로 대체 embed 태그 사용 오디오 플레이 안됨 다른 브라우저의 Plug-in 모델 지원 및 표준 script 사용 ActiveX 컨트롤 및 JScript 사용 오디오 및 비디오 플레이 불가 ECMA-262 표준에 맞는 스크립트 ( 예 : JavaScript) 사용 vbscript 를 사용 초기 화면에서 Loading... 만 나오고 진행이 안됨 .   잘못된 action script 사용 플래시의 사용자 마우스 입력을 받을 수 없음 . ECMA-262 표준 준수 및 type 을 명시 정체불명의 script 사용 마우스 클릭 이벤트를 받지 못하거나 이벤트 발생후 변화를 주지 못함 . object 태그와 관련 속성으로 대체 비표준 img 태그의 속성 (dynsrc) 사용 소개 동영상을 볼 수 없음 . object 태그를 사용 비표준 태그 bgsound 를 사용 백그라운드 음성 강의를 들을 수 없음 . W3C 의 표준 DOM 을 준수 비표준 MS DOM 에 맞춘 script 사용 사용자 마우스 클릭 입력을 받을 수 없음 . Media Player 를 웹에 내장하여 구동하는 Java Applet 동시 사용 . 또는 Cross-platform 을 지원하는 미디어 포맷으로 대체 Media Player ActiveX 컨트롤 삽입 비 Internet Explorer 및 비 Windows 계열에서 미디어 플레이어 작동 안함   알 수 없음 . 모의토익은 IE 4.0 이상만 지원 Learn2.com 에서 플러그인을 다운로드받으면 정상 작동 링크 오류 Plug-in 링크가 잘못됨 . (ActiveX 컨트롤은 이상 없음 .) 대체 텍스트를 붙여야 함 . 대체 텍스트가 없음 . 모든 이미지 , 링크 , 스크립트 , 동영상 등에 대한 대체 텍스트가 전혀 없어 텍스트 브라우저로 접근이 완전히 불가능함 . 대책 증상이 나타나는 이유 ( 추정 ) 주요 증상
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.