웹 접근성을 고려한 신기술 콘텐츠 제작기법
- JavaScript, Flex, Flash를 중심으로 -
2008. 12
연구책임자 : 김석일(충북대학교 전기전자컴퓨터공학부 교수)
신인철(한국정보문화진흥원 디지털접근지원단장)
공동연구원 : 신덕식(한국정보문화진흥원 웹접근성TF팀장)
김요한(Ascent Networks Korea R&D센터 연구원)
도금호(디앤샵 기술본부 과장)
문준기(한국정보문화진흥원 웹접근성TF팀 과장)
박재표(한국정보문화진흥원 웹접근성TF팀 과장)
신현석(오페라 소프트웨어 코리아 과장)
조훈(케익소프트 실장)
최재영(아이Enter 책임연구원)
홍성원(한국어도비시스템즈 부장)
1251704198_기술콘텐츠제작기법(javascript_flex_flash를중심으로).zip행정안전부고시 제2009-185호
국민 누구라도 이용환경에 구애받지 않고 전자정부 서비스 이용이 가능하도록 기술적․절차적 사항을 정한「전자정부 웹호환성 준수지침」을 마련하였기에 ｢전자정부법｣ 제25조 및 같은 법 시행령 제33조, ｢행정업무용 표준관리규정｣(행정안전부고시 제2008-8호)에 의하여 다음과 같이 확정․고시합니다.
2009년 8월 19일
행정안전부장관
｢전자정부 웹호환성 준수지침｣ 제정 고시
- ｢전자정부 웹호환성 준수지침｣의 전문은 “전자정부 표준관리 시스템(www.guide.go.kr)」-최근 제․개정”에 게시할 예정임
1251703265_전자정부_웹호환성_준수지침.hwp
1251703265_붙임._전자정부_웹호환성_준수지침_고시문.hwp| 전자정부서비스 호환성 준수지침 (0) | 2010.07.09 |
|---|---|
| 한국형 웹 콘텐츠 접근성 지침 2.0(TTAK.OT-10.0003/R1, 2009년 12월 22일) (2) | 2009.12.30 |
| 실전 웹 표준 가이드(2005.12 : 소프트웨어진흥원) (0) | 2009.08.18 |
| 웹 콘텐츠(의) 접근성(을 높이기 위한 제작) 지침 1.0 (0) | 2009.06.17 |
| [지침]전자정부 웹표준 준수지침(행정안정부, 2008.04) (0) | 2009.06.17 |
웹 접근성의 가장 기본이 되는 사항으로 웹사이트에서 제공하는 사진, 그림, 소제목, 약도, 아이콘등의 모든 이미지에 대해 적절한 설명을 제공하는지 확인한다.
브라우저에서 그림표시 기능을 정지시킨 후 화면에 적절한 대체 텍스트가 표시되는지 확인한다.
1) Windows Internet Explorer메뉴 : 도구-인터넷옵션-고급
2) 멀티미디어-사진표시 항목표시 OFF
3)[확인] 버튼을클릭 후 브라우저를 새로고침
4) 화면에 그림이 표시되지 않는 대신 그림부분의 대체 텍스트를 확인
다양한 접속환경에서 인터넷 사용자가 서비스를 이용할 수 있도록 웹 표준 접근성을 확보 한다는 측면에서,
최소 다음의 3개의 브라우저에 대한 TEST를 기본으로 한다.
항목 | 윈도우 | 맥킨토시 | 리눅스 |
O/S 종류 | 2000(32bit용) XP(32bit용) Vista(32bit용) | 맥 OSX 10.4(선택사항) 맥 OSX 10.5(선택사항) | 리눅스 Kernel2.6/glib 2.4 이상(선택사항) |
브라우저 | IE6, IE7, IE8 | 사파리 3.0 | 파이어폭스 1.5 ~ 2.0 |
3개의 브라우저라고는 하지만, 실제 IE6, IE7, IE8 에 대해서 각각 TEST를 해야 함으로 TEST를 해보아야 할 브라우저의 숫자는 늘어나게 된다 ^^;
DOM(Document Object Model)
D(Document) : 문서
O(Object) : 객체
- 배열, 수학, 날짜와 같이 자바스크립트에서 이미 만들어진 객체,
- 웹 브라우저가 제공하는 주요 객체
- 사용자 정의 객체
M(Model) : 모델
:: Firebug
Firebug는 웹페이지 디버깅툴 입니다. Html구조, CSS, JavaScript 소스를 볼수 있습니다.
Firebug를 이용하면 어떤 웹페이지던지 실시간으로 CSS를 수정하여 수정된 페이지를 볼수있습니다.
FirebugFirebug 를 설치하시면 파이어폭스 작업표시줄 우측에 주황색 딱정벌레 비슷한 아이콘이 생긴다.
벌레 아이콘을 클릭하시면 보고있는 페이지 하단에하단에 Firebug 열리는데, 좌측으로 트리형식으로 페이지구조가 우측으로는 CSS 소스내용이 나오며, 좌측의좌측의 트리내용을 펼쳐서 원하는 소스부분을 클릭하시면 해당 CSS내용이 우측에 나온다.
CSS내용을 붉은색마크로 차단하거나 직접수정하시면 수정내용이 바로 페이지에 적용된다(수정한내용은 저장되지않음).
:: CSSViewer
CSSViewer는 객체의 CSS정보를 표시해 주는 부가기능으로 설치하고 나서 버튼을 툴바에 등록해둡니다
버튼을 누르고 마우스를 문서의 객체에 가져가면 그 객체에 대한 CSS정보를CSS정보를 표시해 줍니다.
파이어폭스 3.5로 업그레이드 하면서 이상하게 시작 속도가 느려졌다면 Bug 501605를 의심해 볼 필요가 있다.
윈도우 보안상의 이유로 윈도우와 IE의 임시파일 폴더를Firefox 시작 시 랜덤하게 액세스하는 버그로, IE의 임시파일을 삭제해주면 간단히 해결된다.
CCleaner 또는 Glary Utilities 같은 전문적인 시스템 청소 유틸리티를 사용하거나
제어판의 폴더 옵션에서 숨김 파일 보기를 활성화 하고 아래 폴더 경로의 임시파일을 수동으로 삭제해주어도 된다.
(vista와 7은 Documents and Settings를 Users로 교체)
C:\Documents and Settings\*user*\Local Settings\History
C:\Documents and Settings\*user*\Local Settings\Temporary Internet Files
C:\Documents and Settings\*user*\My Recent Documents
C:\Documents and Settings\*user*\Temp\
IE 임시 파일은 도구 - 인터넷 옵션에서 삭제할 수 있다.
1251704198_기술콘텐츠제작기법(javascript_flex_flash를중심으로).zip