웹 접근성의 가장 기본이 되는 사항으로 웹사이트에서 제공하는 사진, 그림, 소제목, 약도, 아이콘등의 모든 이미지에 대해 적절한 설명을 제공하는지 확인한다.
브라우저에서 그림표시 기능을 정지시킨 후 화면에 적절한 대체 텍스트가 표시되는지 확인한다.
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 임시 파일은 도구 - 인터넷 옵션에서 삭제할 수 있다.
Firefox Web Developer 다운로드
파이어폴스는 무료소프트웨어이면서, 애드온 등 다양한 확장성으로 인기를 끌고 있으며, Window 이외의 브라우저에서도 사용이 가능합니다.
우리나라에서는 Active-X사용 문제로 많은 사람들이 사용하기를 꺼려하고 있지만,
"장차법" 발표 이후 Test 해야하는 대표적인 브라우져 여서 시간이 지나면 많은 부분들을 편리하게 사용할 수 있지 않을까 합니다.