머리말 Watch1.0은웹와치 ( 주 ) 와충북대학교모비즈랩 (mobiz.lab) 이제작한프로그램으로개인 / 기업 / 학교 / 관공서등어디서나자유롭게설치하여사용이가능합니다. Watch1.0을구성하는모든프로그램, 자료파일, 안내서및문서내용등은대한민국저작권법과컴퓨터프로그램

Size: px

Start display at page:

Download "머리말 Watch1.0은웹와치 ( 주 ) 와충북대학교모비즈랩 (mobiz.lab) 이제작한프로그램으로개인 / 기업 / 학교 / 관공서등어디서나자유롭게설치하여사용이가능합니다. Watch1.0을구성하는모든프로그램, 자료파일, 안내서및문서내용등은대한민국저작권법과컴퓨터프로그램"

승현 권
6 years ago
Views:

1 목 차 머리말 1 Watch1.0 ( 웹접근성및웹표준진단도구 ) < 사용자매뉴얼 > 일러두기 1 Ⅰ. Watch1.0기능소개 2 Ⅱ. Watch1.0 특징 5 Ⅲ. Watch1.0 설치및제거 11 Ⅳ. Watch1.0 화면구성 14 Ⅴ. 전역진단환경설정 20 Ⅵ. 프로젝트생성편집및삭제 Ⅶ 평가결과보기 41 Ⅷ 접근성기능 50 Ⅸ 웹접근성 6 개세부지침 55 Ⅹ 전자정부서비스웹호환성지침 65 부록 A. W3C Markup Validator 오류목록 66 웹와치 ( 주 ) 부록 B. W3C CSS Validator 오류목록 70 부록 C. 전자정부서비스호환성준수지침 78 Watch1.0 사용설명서 2

2 머리말 Watch1.0은웹와치 ( 주 ) 와충북대학교모비즈랩 (mobiz.lab) 이제작한프로그램으로개인 / 기업 / 학교 / 관공서등어디서나자유롭게설치하여사용이가능합니다. Watch1.0을구성하는모든프로그램, 자료파일, 안내서및문서내용등은대한민국저작권법과컴퓨터프로그램보호법에의하여보호받습니다. 또한관련법규에서명시적으로허용한제한적인범위이외에본소프트웨어제품을개작하거나리버스엔지니어링, 디컴파일, 디스어셈블할수없습니다. Watch1.0과관련하여아래의주의사항을확인하시기바랍니다. 이프로그램은저작권자의허락없이상업적목적으로사용할수없습니다. 이프로그램은저작권자의허락없이인터넷 ( 온라인 ) 이외의방법 (CD/DVD/ 플로피등 ) 으로재배포할수없습니다. 이프로그램은사전고지없이사용법, 기능및구성모듈이변경될수있습니다. 또한자동적으로인터넷을통하여갱신될수있습니다. 이프로그램을재배포할경우, 반드시설치파일형태이어야하며, 변형없이배포하여야합니다. 이프로그램은사용하는과정에서여하한사용자정보도수집하지않습니다. 그러나교육, A/S 및상담과정에서사용자정보를요구할수있습니다. 이프로그램을설치하거나사용중에발생하는피해에대해서는저작권자및개발자가책임지지않습니다. Watch1.0을구성하는프로그램및모듈, 파일등의저작권관련정보는다음과같습니다. 이프로그램의저작권은웹와치 ( 주 ) 와충북대학교모비즈랩에있습니다. 이프로그램은 'ICSharpCode.AvalonEdit' 를사용하고있으며, ICSharpCode. AvalonEdit의라이선스는 LGPLv3이적용됩니다. LGPL 라이선스에관한사항은설치디렉터리의 LGPL.TXT를참고하시기바랍니다. 바이너리및소스는다음사이트로부터다운받을수있습니다. NuGet package: CodeProject site: 이프로그램은 'PhantomJS' 를사용하고있습니다. 'PhantomJS' 의저작권은 PhantomJS.Org에있으며, BSD 라이선스가적용됩니다. 이외에도다양한저작 권이적용됩니다. 라이선스에관한사항은설치디렉터리의 BSD.TXT및 third-party.txt를참고하시기바랍니다. 이프로그램은 'HtmlAgilityPack' 을사용하고있습니다. 'HtmlAgilityPack' 의저작권은 Html Agility Pack에있으며, MS-PL 라이선스가적용됩니다. 라이선스에관한사항은설치디렉터리의 MS-PL.TXT를참고하시기바랍니다. 이프로그램은 W3C의 Markup Validator와 CSS Validator 기술을사용하고있습니다. Markup Validator와 CSS Validator의저작권은 W3C에있습니다. 이프로그램에포함된 DOTNET4.0 Frameset의저작권은 Microsoft(R) 에있습니다. 이프로그램의설치파일은 Microsoft VisualStudio2010 Installer를사용하여제작되었으며, 저작권은 Microsoft(R) 에있습니다. 이사용안내서의내용은보다나은제품설명을제공하기위하여사전예고없이바뀔수있습니다. 또한이사용안내서의본문과예제등에서언급하는각종명칭은설명을목적으로사용합니다. 이프로그램은웹와치 ( 주 ) 에서배포합니다. 버전관리는충북대학교모비즈랩에서담당합니다. 일러두기및문의 이사용안내서는 Watch1.0의주요기능과사용법을설명하고있습니다. 이사용안내서에서설명되어있지않은부분에대하여알고싶은사항은아래의웹와치 ( 주 ) 로문의하시기바랍니다. 웹와치 ( 주 ) 연락처 : 전화번호 : Watch1.0 사용설명서 1

3 2. 웹표준자동진단 Ⅰ. Watch1.0 소개 Watch1.0은한국형웹콘텐츠접근성지침 2.0에따라웹사이트를구성하는웹페이지가접근성지침의 6개세부지침을준수하는지를자동점검할수있습니다. 아울러한국정보화진흥원이개발한전자정부서비스호환성준수지침을준수하고있는지도동시에진단할수있습니다. 1. 웹접근성자동진단 Watch1.0을이용하면한국형웹콘텐츠접근성지침 2.0에따른 6개세부항목에대한웹접근성준수여부를자동진단할수있습니다. 6개세부항목은다음과같습니다. 1. ( 대체텍스트제공 ) 이미지에대한대체텍스트를제공하고있는가? 2. ( 제목제공 ) 웹페이지와프레임및콘텐츠블록에제목을제공하고있는가? 3. ( 기본언어명시 ) 웹페이지의기본언어를정확히명시하고있는가? 4. ( 사용자요구에따른새창열기 ) 사용자가요구하지않은새창이열리지않는가? 5. ( 레이블제공 ) 서식제어요소와레이블이서로연결되어있는가? 6. ( 마크업오류방지 ) 마크업언어의요소중열고닫음, 중첩관계, 속성선언을문법에맞게준수하고있는가? Watch1.0을이용한웹접근성자동점검은기계적으로추출가능한웹소스항목만을대상으로하므로자동점검결과는웹접근성경향을알려줄뿐이며, 충분한웹접근성정보를알려주지않습니다. 정밀한웹접근성평가를위해서는자동점검뿐아니라전문가에의한웹접근성평가가병행되어야합니다. Watch1.0을이용하여전자정부서비스호환성준수지침의준수여부를평가하는과정은 W3C의웹표준 (DTD) 문법검사및스타일시트 (CSS) 문법검사와동일합니다. 웹표준문법검사및스타일시트문법검사결과는 W3C의검사방법과동일합니다. 참고로각검사방법과관련한웹사이트는다음과같습니다. l 웹표준문법검사 : l 스타일시트문법검사 : 3. 통합프로그램 Watch1.0은웹사이트도메인을구성하는웹페이지를사전에설정한수만큼자동추출한후, 각각의웹페이지별로웹접근성및웹표준 (CSS 표준포함 ) 을진단합니다. 진단과정에서웹접근성및웹표준오류를찾아내고그결과를화면에표시합니다. 특히 Watch1.0은소스상의오류위치를알려주므로웹페이지별로웹표준및웹접근성오류를수정하는데도움을줄수있는통합프로그램입니다. Watch1.0은웹와치 ( 주 ) 홈페이지를통하여무료로제공합니다. 이프로그램에관한저작권정보는머리말을참고하시기바랍니다. 4. WMS (Web Management System) 연동기능 Watch1.0은 WMS(Web-accessibility Management System) 와연동하여웹접근성및웹표준 (CSS 표준포함 ) 결과를서버로부터다운받아보여줄수있는기능을제공합니다. 이기능은웹와치 ( 주 ) 가제공하는웹사이트진단서비스에가입한경우에사용이가능하며, 서버에접속하여로그인하는절차가필요합니다. Watch1.0 사용설명서 2 Watch1.0 사용설명서 3

4 참고사항 : 웹사이트진단서비스에가입하지않거나로그인하지않은상태에 서는 Watch1.0 프로그램에의한웹접근성및웹표준 (DTD 및 CSS) 진단결 과만을확인할수있습니다. Ⅱ. Watch1.0 특징 웹와치 ( 주 ) 가제공하는웹사이트진단서비스에관한사항은웹와치 ( 주 ) 홈페 이지 ( 를참고하시기바랍니다. Watch1.0 의특징은다음과같습니다. 1) 한국형웹콘텐츠접근성지침 2.0 지원 Watch1.0 은한국형웹컨텐츠접근성지침 2.0 에의거하여 6 개세부지침 에대한접근성준수여부를자동으로진단하여줍니다. Watch1.0 은마크업문법을진단할때 DTD 에따라평가하도록개선하여마크업 문법검사의정확도를높였습니다. 적용가능한 DTD 규격은다음과같습니다. DTD 유형선언문 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" HTML4.01 Strict " HTML4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional Transitional//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 HTML4.01 Frameset Frameset//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 XHTML1.0 Strict Strict//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 XHTML1.0 Transitional//EN" Transitional " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 XHTML1.0 Frameset Frameset//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" XHTML1.1 " HTML5 <!DOCTYPE html> Watch1.0 은상기표에명시한 DTD 유형외에도유사한 DTD 규격 (XHTML Basic 1.0, XHTML Basic 1.1 등 ) 을처리할수있습니다. 2) W3C 웹표준및 CSS 문법진단기능제공 Watch1.0 은 W3C 의웹표준문법검사기능을제공하고검사결과를점수 로환산하여제시합니다. 웹표준오류에따른점수환산방법은 [Ⅶ. 전 Watch1.0 사용설명서 4 Watch1.0 사용설명서 5

5 자정부서비스호환성진단표 ] 를참고하십시오. 습니다. 또한 Watch1.0은 W3C의 CSS 문법검사기능을제공하고검사결과를점수로환산하여제시합니다. CSS 문법오류에따른점수환산방법은 [Ⅶ. 전자정부서비스호환성진단표 ] 를참고하십시오. 이사용설명서에서는웹표준 (DTD) 진단과 CSS 표준진단을합하여웹호환성진단이라고합니다. 3) 웹사이트콘텐츠및로컬파일평가 Watch1.0은웹사이트로부터직접웹페이지를추출하여웹접근성진단, 웹표준 (DTD) 진단및 CSS 표준진단의 3가지진단을선택적으로수행할수있습니다. 또한 PC에저장되어있는웹소스파일에대해서도 3가지진단이가능합니다. 4) 웹페이지주소수집및웹소스인코딩 Watch1.0은웹페이지랜더링에의한다이나믹주소수집방식으로웹페이지수집기능을강화하였습니다. 주소수집과정에서 JavaScript에의하여동적으로생성되는웹페이지주소의수집이가능하므로더많은웹페이지소스를수집하여웹접근성과웹호환성을진단할수있습니다. Watch1.0은웹페이지소스를수집할때에웹서버가제공하는인코딩방식을우선적용합니다. 웹서버에서인코딩값을제공하지않는경우에는웹콘텐츠상의 meta 태그값을분석하여인코딩을설정합니다. meta 태그를통하여인코딩값을알수없는경우에는프로젝트생성시설정한기본인코딩을적용하여웹소스를저장합니다. Watch1.0은동일한웹페이지가중복수집되는것을방지할수있으므로더많은페이지에대한웹접근성및웹호환성진단이가능합니다. 5) 프로젝트관리기능 Watch1.0은하나의웹사이트또는파일묶음을프로젝트단위로관리할수있으며, 프로젝트단위로생성, 진단, 재편집, 삭제및진단결과보기가가능합니다. 동일한이름의프로젝트를반복적으로진단하는경우에는이전에진단하였던프로젝트정보와진단결과는백업파일로저장되므로주기적인프로젝트의진단및진단결과관리가가능합니다. 6) 진단결과보기기능 Watch1.0은웹접근성진단결과보기창과웹표준및 CSS 표준진단결과보기창 ( 이하웹호환성진단결과보기창이라고함 ) 을각각제공합니다. 웹접근성진단결과보기창과웹호환성진단결과보기창은사용자가아이콘과메뉴를이용하여선택할수있습니다. 참고로웹접근성진단결과보기창과웹호환성진단결과보기창은동시에화면에표시할수는없으며선택적으로표시할수있습니다. 각진단결과보기창은오류정보, 웹페이지소스및웹페이지이미지를동시에화면에표시할수있습니다. 또한오류발생위치를웹페이지소스에표시하므로오류수정이편리합니다. 프로젝트에서선택할수있는인코딩은다음과같습니다. l EUC-KR/KSC_5601 ( 기본값 ) l UTF-8 l UTF-16 7) 소프트웨어접근성준수 Watch1.0은소프트웨어접근성을준수하므로모든기능을키보드만으로사용할수있습니다. 사용중에장애인접근성이결여된부분이나기능이발견되면개발사로연락해주시기바랍니다. Watch1.0 은보안이강화된웹페이지의주소수집기능을지원하므로기 존의웹접근성평가도구와비교하여더많은웹페이지를추출할수있 8) 프로그램자동업데이트 Watch1.0 은 PC 에서실행할때마자자동으로서버에접속하여프로그램 Watch1.0 사용설명서 6 Watch1.0 사용설명서 7

6 모듈이갱신되었는지를확인하고최신버전을자동으로다운받아 PC에설치합니다. 이기능을이용하려면 Watch1.0이설치된 PC가인터넷에연결된상태이어야합니다. 인터넷이설치되지않거나파일다운로드시에오류가발생하면자동적으로 PC에설치된프로그램을그냥실행할것인가를사용자에게확인하는과정을거칩니다. 9) WMS 연동기능 ( 무료버전에서는제공되지않음 ) Watch1.0은웹와치 ( 주 ) 가제공하는유료서비스인 WMS(Web-accessibility Management System) 와연동하여웹접근성및웹호환성진단결과를서버로부터다운받아보여줄수있는기능을제공합니다. 이기능은웹와치 ( 주 ) 가제공하는웹사이트진단서비스에가입한경우에만제공되는기능입니다. 이기능을이용하려면웹사이트진단서비스에가입할때부여받은사용자아이디와비밀번호가필요합니다. 유효한사용자아이디와비밀번호를이용하여서버에로그인하면 Watch1.0은자동적으로서버로부터해당기관의웹접근성및웹호환성진단결과를다운받아 PC에저장하고그내용을화면에표시합니다. 웹와치 ( 주 ) 가제공하는웹사이트진단서비스에가입하지않거나서버에로그인하지않은상태에서는 WMS 연동기능을사용할수없습니다. 이경우 Watch1.0 프로그램은 WMS 연동기능을제외하고 PC에서웹접근성및웹호환성진단이가능하며, 그결과보기가가능합니다. 웹와치 ( 주 ) 가제공하는웹사이트진단서비스에관한사항은웹와치 ( 주 ) 홈페이지 ( 를참고하시기바랍니다. Ⅲ. Watch1.0 설치및제거 1. Watch1.0 이용환경 l 하드웨어 CPU: 펜티엄 IV 2.4 GHz 이상, 메모리 : 1,024MB 이상 하드디스크 : 여유공간 500MB 이상 ( 평가할웹페이지수가많은경우웹페이지수에비례하여용량이늘어나야함 ) 참고사항 : Watch1.0에서는수집하는웹페이지의늘어남에비례하여리소스부족으로인하여프로그램이다운되는현상이발생할수있습니다. 프로그램이다운되는경우에는 PC의메모리 (RAM) 를늘릴필요가있습니다. 메모리가부족할경우에는웹페이지수집에소요되는시간이크게늘어날수있습니다. 하나의웹페이지에대한웹접근성및웹호환성진단결과를저장하기위해서는최소한 0.5~1MB 가필요합니다. 따라서 1,000 페이지를수집하는경우에는 500MB 이상의하드디스크가필요합니다. 네트워크접속 : Watch1.0의모든기능을사용하기위해서는 PC가인터넷에연결되어야합니다. 참고사항 : 네트워크속도가늦을경우에는웹페이지주소수집또는웹페이지소스다운로드가원활하게진행되지않거나정상적인웹페이지임에도불구하고웹페이지소스수집을건너뛰는경우가발생할수있습니다. 이러한현상을방지하려면 [V. 프로젝트설정-URL 수집환경설정-응답제한시간설정 ] 를참고하십시오. l 운영체제 Watch1.0 사용설명서 8 Watch1.0 사용설명서 9

Watch1.0은아래의운영체제에서안정적인사용이가능합니다. Windows XP Service Pack 3 Windows Server 2003, 2008 Service Pack 2 Windows Vista Service Pack 2 Windows7 Windows8, 8.

(2) 다운받은설치파일 (Setup.exe) 을클릭하여설치를시작합니다. 설치가시작되면다음과같은안내화면이 PC화면에나타납니다. 또한 IE7과 IE8의경우에는각각다음의보안패치 (KB2699988) 가설치되어야합니다. 설치되어있지않은경우에는아래의웹사이트에서다운로드받아설치하여야합니다. Windows 7 또는그이후버전에서는보안패치가필요하지않습니다.

7 Watch1.0은아래의운영체제에서안정적인사용이가능합니다. Windows XP Service Pack 3 Windows Server 2003, 2008 Service Pack 2 Windows Vista Service Pack 2 Windows7 Windows8, 8.1 참고사항 : Windows XP와 Internet Explorer 버전 Windows XP 운영체제를사용하는 PC에는 Internet Explorer 7 또는그이상버전의웹브라우저가설치되어있어야합니다. 2. Watch1.0 설치 Watch1.0의설치과정은다음과같습니다. (1) 웹와치 ( 주 ) 홈페이지에서설치파일 (Setup.exe) 을다운받아저장합니다. (2) 다운받은설치파일 (Setup.exe) 을클릭하여설치를시작합니다. 설치가시작되면다음과같은안내화면이 PC화면에나타납니다. 또한 IE7과 IE8의경우에는각각다음의보안패치 (KB ) 가설치되어야합니다. 설치되어있지않은경우에는아래의웹사이트에서다운로드받아설치하여야합니다. Windows 7 또는그이후버전에서는보안패치가필요하지않습니다. IE 7용보안패치 (KB ): IE 8용보안패치 (KB ): 설치를계속하려면 [ 다음 ] 버튼을클릭합니다. 그러면다음화면으로넘어갑니다. [ 취소 ] 버튼을클릭하면설치가종료됩니다. l 추가설치프로그램 Watch1.0 이정상적으로동작하려면 Java 플랫폼과 MS.NET4.0( 또는이후 버전 ) 이설치되어야합니다. (3) 설치폴더를선택합니다. 또한이프로그램을사용할수있는사람을선택합니 다. Java 플랫폼 : 웹호환성진단을위해서는 Java 최신버전이설치되어야됩니다. JAVA 설치버전은 32bit 버전이어야합니다. 64비트버전을설치한경우에는정상적으로동작하지않는경우가있습니다. JAVA의버전에따른안정성은 Java 홈페이지 ( ) 를참고하십시오. Microsoft.NET Framework 4: Watch1.0은.NET기반으로개발되었습니다. 따라서 Watch1.0을사용할 PC에.NET4.0 또는그이후버전을설치하지않으면 Watch1.0이실행되지않습니다. [ 다음 ] 을선택하면 C:\Program Files (x86)\webwatch\watch\ 에기본으로 설치됩니다. Watch1.0 사용설명서 10 Watch1.0 사용설명서 11

0 설치과정이취소됩니다. 3. Watch1.0 제거 Watch1.0 을 PC 에서제거하려면다음과같은언인스톨과정을수행해야합니다. 즉, 아래그림과같이 [ 제어판 ] -> [ 프로그램및기능 ] -> [Watch1.0] 을선택하여 [ 제거 ] 를선택하면됩니다. [ 다음 ] 버튼을클릭하면 Watch1.

8 [ 찾아보기 ] 버튼을클릭하면설치폴더위치를선택할수있습니다. 자신또는이컴퓨터를사용하는모든사람이사용할수있도록 Watch1.0 설치 항목을 [ 모든사람 ] 으로설정합니다. 참고사항 : 자신또는이컴퓨터를사용하는모든사람이사용할수있도록 Watch1.0 설치 항목을 [ 자신만 ] 으로설정하면웹접근성및웹호환성진단 시오류가발생하거나진단결과가저장되지않으므로주의해야합니다. (4) 설치과정을진행합니다. 설치과정에서아래의화면이나타납니다. [ 닫기 ] 버튼을클릭하면 Watch1.0 설치가성공적으로종료됩니다. [ 취소 ] 버튼을클릭하면 Watch1.0 설치과정이취소됩니다. 3. Watch1.0 제거 Watch1.0 을 PC 에서제거하려면다음과같은언인스톨과정을수행해야합니다. 즉, 아래그림과같이 [ 제어판 ] -> [ 프로그램및기능 ] -> [Watch1.0] 을선택하여 [ 제거 ] 를선택하면됩니다. [ 다음 ] 버튼을클릭하면 Watch1.0 설치가계속됩니다. [ 취소 ] 버튼을클릭하면설치가종료됩니다. Watch1.0 설치가진행되는동안잠시만기다려주십시오. Windows 7, 8 의경우에권한을확인하는팝업창이뜨면 [ 확인 ] 을누릅니다. [ 취소 ] 버튼을클릭하면설치가종료됩니다. (5) 설치가완료되면아래의화면이나타납니다. Watch1.0 사용설명서 12 Watch1.0 사용설명서 13

9 하여실행할수있도록제공되는툴바 (toolbar) 영역입니다. 툴바에포함된아이콘 은다음과같습니다. Ⅳ. Watch1.0 화면구성 1. 시작페이지 Watch1.0을실행하면나타나는시작페이지는다음그림과같이주메뉴 (1), 아이콘툴바 (2), 콘텐츠영역 (3) 으로구성됩니다. 툴바아이콘이미지텍스트 아이콘기능및설명 [ 종료 ] 프로그램종료 [ 평가 ] 새프로젝트생성 [ 편집 ] 기존프로젝트의편집 [ 열기 ] 기존프로젝트열기 비고 [ 삭제 ] 기존프로젝트제거하기 [ 설정 ] 프로젝트설정창열기 [ 결과창 ] 프로젝트진단결과보기용화면으로전환 웹페이지소스다운로드등설정가능 [W3C-DTD] W3C 의 DTD 진단웹사이트화면으로전환됨 [W3C-CSS] W3C 의 CSS 진단웹사이트화면으로전환됨 l l 주메뉴 (1) 영역 : Watch1.0 이제공하는기능을메뉴를이용하여실행시킬수있 게하는영역입니다. 주메뉴에대한소개는 [Ⅵ. 접근성기능 ] 을참고하십시오. 아이콘툴바 (2) 영역 : 이영역은자주사용하는 Watch1.0 기능을마우스로이용 [ 이전 ] [ 다음 ] [ 마지막 ] [ 설정보기 ] [ 접근성요약 보고서 ] [ 도움말 ] [ 로그인 ] 프로젝트진단결과보기용화면이선택된경우에직전의진단결과화면으로이동 프로젝트진단결과보기용화면이선택된경우에다음진단결과화면으로이동 [ 프로젝트진단결과보기용화면이선택된경우에최초진단결과화면으로이동 프로젝트가선택되었을경우에프로젝트설정결과보기창이나타남 프로젝트가선택되었을경우에프로젝트진단결과 ( 웹접근성 ) 를보여주는요약보고서창이나타남 Watch1.0 온라인도움말보기화면으로전환됨 WMS 서비스이용시서버진단결과보기를위한로그인창이나타남 프로젝트가선택되지않았으면비활성화됨 프로젝트가선택되지않았으면비활성화됨. 또한다음진단결과화면이존재하지않으면화면변화가없음 프로젝트가선택되지않았으면비활성화됨 설정결과보기시에는설정결과를수정할수없음 프로젝트가선택되지않았으면비활성화됨 WMS 서비스이용시만가능 l 정보표시 (3) 영역 : 이영역은시작화면보기, 웹접근성또는웹호환성진단 Watch1.0 사용설명서 14 Watch1.0 사용설명서 15

결과보기, 도움말보기, W3C DTD 진단페이지및 W3C CSS 진단페이지등을선택적으로표시하는용도로사용됩니다. 참고사항 : 이영역에표시되는정보는아이콘또는주메뉴 ([ 창 ]) 의창선택서브메뉴를이용하여선택하거나변경할수있습니다. 또한화면의하단에표시된페이지탭을이용하여활성화되는페이지를선택할수있습니다.

0에내장된웹브라우저에보여줍니다. 이페이지를선택하면다음그림과같은 W3C DTD Validator 웹페이지가표시됩니다. 또한 W3C이제공하는업로드한 HTML 문서또는입력한 URL에대한 DTD 표준진단이가능합니다. <W3C-CSS 페이지 > 3) 도움말페이지이페이지는 Watch1.0의사용법과관련한도움말을제공하기위한페이지입니다.

10 결과보기, 도움말보기, W3C DTD 진단페이지및 W3C CSS 진단페이지등을선택적으로표시하는용도로사용됩니다. 참고사항 : 이영역에표시되는정보는아이콘또는주메뉴 ([ 창 ]) 의창선택서브메뉴를이용하여선택하거나변경할수있습니다. 또한화면의하단에표시된페이지탭을이용하여활성화되는페이지를선택할수있습니다. 이페이지는 W3C의 CSS Validator 페이지를 Watch1.0에내장된웹브라우저에보여줍니다. 이페이지를이용하여웹문서내의 CSS 문서및입력한 URL에해당하는웹페이지를구성하는 CSS 정보에대한 CSS 적합성진단결과를보여줍니다. 2. 정보표시영역 1) W3C-DTD 진단페이지이페이지는 W3C이제공하는 DTD Validator 페이지를 Watch1.0에내장된웹브라우저에보여줍니다. 이페이지를선택하면다음그림과같은 W3C DTD Validator 웹페이지가표시됩니다. 또한 W3C이제공하는업로드한 HTML 문서또는입력한 URL에대한 DTD 표준진단이가능합니다. <W3C-CSS 페이지 > 3) 도움말페이지이페이지는 Watch1.0의사용법과관련한도움말을제공하기위한페이지입니다. 도움말페이지의왼쪽영역에는도움말목록을제공하므로해당항목을선택하면오른쪽영역에선택한목록에대한도움말이화면에나타납니다. 도움말의내용은사용자설명서의내용을대부분포함하고있습니다. 화면왼쪽 영역의도움말목록은사용자설명서의목차에해당하는부분입니다. 목록을선 택하면해당목록에연결된콘텐츠가오른쪽영역에나타납니다. 2) W3C-CSS 페이지 <W3C-DTD Validator 홈페이지 > 다음은도움말페이지의모습입니다. Watch1.0 사용설명서 16 Watch1.0 사용설명서 17

11 4) 웹접근성진단결과페이지이페이지는 Watch1.0을이용하여어떤프로젝트에대한웹접근성진단결과를화면에보여주기위한페이지입니다. 이페이지는프로젝트 [ 열기 ] 를클릭하여프로젝트를선택하면다음그림과같은웹접근성진단결과보기페이지가화면에나타납니다. 또는프로젝트를편집또는생성하고웹접근성진단이종료되면자동적으로웹접근성진단결과보기페이지로전환됩니다. 웹접근성진단결과보기페이지에대한상세한설명은 4.1 웹접근성진단결 과보기에서설명합니다. < 도움말페이지 > < 점검결과창 > Watch1.0 사용설명서 18 Watch1.0 사용설명서 19

5) 웹호환성진단결과페이지이페이지는 Watch1.0을이용하여어떤프로젝트에대한웹표준진단결과와 CSS 표준진단결과를화면에보여주기위한페이지입니다. 이페이지는프로젝트 [ 열기 ] 를클릭하여프로젝트를선택하고 DTD 진단결과또는 CSS 진단결과를선택하면다음그림과같은웹호환성진단결과보기페이지가화면에나타납니다.

12 5) 웹호환성진단결과페이지이페이지는 Watch1.0을이용하여어떤프로젝트에대한웹표준진단결과와 CSS 표준진단결과를화면에보여주기위한페이지입니다. 이페이지는프로젝트 [ 열기 ] 를클릭하여프로젝트를선택하고 DTD 진단결과또는 CSS 진단결과를선택하면다음그림과같은웹호환성진단결과보기페이지가화면에나타납니다. 또는프로젝트를편집또는생성하고웹호환성진단이종료되면자동적으로웹호환성진단결과보기페이지로전환됩니다. 웹접근성진단결과보기페이지에대한상세한설명은 4.2 웹호환성진단결과보기에서설명합니다. Ⅴ. 전역진단환경설정 Watch1.0 프로그램은웹접근성및웹호환성을진단하는과정에서항상적용되는전역환경설정을할수있습니다. 전역환경설정은향후웹접근성또는웹호환성을진단하기위하여프로젝트를생성할경우마다기본진단환경으로자동설정됩니다. 참고로, 프로젝트생성과정에서해당프로젝트의진단에만적용되도록환경 설정을변경할수있습니다. 전역환경설정에서수행할수있는항목은 [ 웹소스수집설정 ] 및 [ 점검방 법설정 ] 의두가지입니다. 전역환경설정은주메뉴및툴바아이콘을이 용하여선택할수있습니다 웹소스수집설정 [ 웹소스수집설정 ] 창은웹접근성및웹호환성을진단하기위해서웹소스 를수집하는경우에적용되는방법을설정합니다. [ 웹소스수집설정 ] 을선 택하는방법은다음과같습니다. 주메뉴의 [ 설정 ]-[ 웹소스수집방법설정 ] 을선택하거나툴바의 [ 설정 ] 아이 콘을선택합니다. < 점검결과창 > [ 웹소스수집설정 ] 창의모습은다음그림과같습니다. [ 웹소스수집설정 ] 창을구성하는항목의용도는다음과같습니다. Watch1.0 사용설명서 20 Watch1.0 사용설명서 21

간이달라집니다. Watch1.0은웹접근성및웹호환성진단에필요한웹소스를다운로드받는과정에서소요되는시간이과도하게길어지는것을방지하기위하여웹페이지다운로드시간을설정할수있습니다. 설정한응답시간을초과할때까지웹페이지소스를다운로드하지못하면웹소스수집을중단하고다음웹페이지소스의다운로드를시작합니다.

13 간이달라집니다. Watch1.0은웹접근성및웹호환성진단에필요한웹소스를다운로드받는과정에서소요되는시간이과도하게길어지는것을방지하기위하여웹페이지다운로드시간을설정할수있습니다. 설정한응답시간을초과할때까지웹페이지소스를다운로드하지못하면웹소스수집을중단하고다음웹페이지소스의다운로드를시작합니다. 진단하려는웹사이트의부하가적거나네트워크속도가빠른환경에서는응답시간을짧게설정하고, 반대로네트워크속도가느리거나웹사이트의부하가많아반응시간이느린경우에는응답시간을길게설정함으로써네트워크환경에따른웹소스다운로드효율을높일수있습니다. 응답제한시간설정가능범위 : 10~60 초 < 웹소스수집방법설정창 > 1 프로젝트관리디렉토리설정 : 프로젝트파일, 웹접근성및웹호환성진단결과등이자동으로저장되는 PC의디렉토리를설정합니다. 여기서설정된디렉토리는프로젝트파일과진단결과등관련파일이저장되는경로로, Watch1.0 프로그램에서프로젝트편집, 프로젝트삭제, 프로젝트진단결과보기등을실행할때마다화면에나타나는프로젝트목록은여기서설정한디렉토리에저장된프로젝트파일을수집하여보여줍니다. 2 웹소스다운로드시간설정 : 어떤링크또는 URL에해당하는웹페이지소스를웹서버로부터사용자 PC로다운로드받는과정에서기다릴수있는최대 (timeout) 시간을설정합니다. 만일설정한시간이초과할때까지웹소스를다운받지못하면 Watch1.0 은해당 URL을웹소스를다운로드받을수없는것으로간주하고해당웹페이지를진단대상페이지에포함시키지않습니다. 웹서버의상태나네트워크의속도에따라서웹페이지를다운로드하는시 참고사항 : 국내웹사이트에대한진단시에는응답시간을 30초정도로설정하면대부분의웹사이트에서웹소스수집이가능합니다. 해외사이트의경우에는응답시간을 60초정도로늘리는것이좋습니다. 3 무작위 URL 수집설정 : 웹사이트에서수집할웹페이지수, 수집깊이제한, 동일한게시판에서수집할페이지수및 JavaScript를이용하여생성되는동적 URL 해석여부를설정합니다. 웹사이트에서수집할수있는웹페이지수가적은경우에는설정한값보다적은수의웹페이지가수집될수있습니다. 수집할웹페이지수가늘어날수록평가시간이늘어나므로수집할웹페이지수를적절히결정하는것이좋습니다. Watch1.0에서는수집하는웹페이지는진단하려는웹사이트 URL과도메인이름이동일한페이지만수집합니다. 예를들어 사이트의웹페이지를수집하는경우에 는수집대상이지만 은수집대상에서제외됩니다. 그이유는도메인이름 (privacy.nia.or.kr) 이웹사이트도메인이름 ( 과다르기때문입니다. Watch1.0 사용설명서 22 Watch1.0 사용설명서 23

각항목별설명은다음과같습니다. l 수집페이지수 : 하나의웹사이트로부터수집할웹페이지의최대값을설정합니다. 범위 : 1~ 무제한 기본값 : 100 참고사항 : 이항목을체크하여 JavaScript URL의해석을선택하면 JavaScript URL의해석에많은시간이소요되므로웹접근성또는웹호환성진단에소요되는시간이크게늘어나므로주의해야합니다.

14 각항목별설명은다음과같습니다. l 수집페이지수 : 하나의웹사이트로부터수집할웹페이지의최대값을설정합니다. 범위 : 1~ 무제한 기본값 : 100 참고사항 : 이항목을체크하여 JavaScript URL의해석을선택하면 JavaScript URL의해석에많은시간이소요되므로웹접근성또는웹호환성진단에소요되는시간이크게늘어나므로주의해야합니다. 따라서충분히많은웹페이지수집이가능한웹사이트를진단하는경우에는 JS 주소수집을언체크하는것이바람직합니다 진단방법설정 l 참고사항 : 최대페이지수를 0으로설정하면수집페이지를무한대로설정하여해당웹사이트에포함된모든웹페이지를수집하고진단할수있습니다. 수집깊이제한 : 수집할웹페이지 URL 경로의깊이를제한하는값으로, 홈페이지로부터몇단계의경로깊이까지웹페이지를수집할것인가를지정하는값입니다. 프로젝트 URL이나진단할파일에적용되는진단방법을설정합니다. 이기능은주메뉴로만접근이가능합니다. 그이유는이기능이자주사용되지않기때문입니다. 이기능을선택하려면주메뉴에서 [ 설정 ]-[ 진단방법설정 ] 을차례로선택합니다. 범위 : 1~20 기본값 : 20 l 동일게시판페이지수집수 : 게시판으로분류되는웹페이지가반복적으로수집되는것을방지하기위하여동일한유형의게시판페이지를수집할수있는최대값을설정합니다. 즉, 이값은동일게시판에포함된서로다른내용의게시물페이지를몇개까지수집할것인가를지정하는것입니다. 범위 : 1~10 기본값 : 5 l JS 주소수집 : URL을수집하는과정에서 JavaScript에의하여동적으로생성되는 URL 해석여부를설정하는것입니다. 이항목을체크하면모든 JavaScript URL을해석합니다. 기본값 : 체크 ( 해석수행 ) < 진단방법설정 > [ 진단방법설정 ] 창을구성하는각항목의의미는다음과같습니다. Watch1.0 사용설명서 24 Watch1.0 사용설명서 25

15 1 웹소스기본인코딩 /DTD 설정 : 이항목은웹접근성및웹호환성진단을위하여다운받는웹소스의인코딩이지정되지않은경우에적용되는인코딩방법을설정합니다. 선택할수있는인코딩방법은다음과같습니다. UTF-8 (Unicode, worldwide) : 웹페이지를 UTF-8로인코딩합니다. UTF-16 (Unicode, worldwide): 웹페이지를 UTF-16으로인코딩합니다. KSC_5601/EUC-KR ( 한국어 ): 웹페이지를 KS C 5601( 또는 euc-kr) 로인코딩합니다. 참고사항 : 여기서설정한인코딩방법은웹서버가인코딩값을리턴하지않으며, 웹소스내에서도인코딩을지정하지않은경우에만적용됩니다. Watch1.0에서는웹소스인코딩을결정할때에웹사이트서버가제공하는값을우선적용합니다. 만일웹서버가인코딩값을제공하지않는경우에는웹소스내에서정의한인코딩을적용합니다. 2 DTD 형식 : DTD 형식이정의되지않은웹소스에적용할 DTD 형식을설정합니다. 웹소스내에서 DTD 형식이정의된경우에는그값을우선적용합니다. 참고사항 : DTD 형식은웹접근성진단시마크업오류진단기준과 DTD 표준진단기준으로적용됩니다. 따라서 DTD 형식이선언되지않은웹소스의경우에는여기서설정한 DTD 형식을따르는것으로간주하여진단합니다. 설정가능한 DTD 형식은다음과같습니다. XHTML 1.0 : 웹문서의 DTD 정보를 XHTML 1.0 으로지정합니다. HTML 4.01 : 웹문서의 DTD 정보를 HTML 4.01 으로지정합니다. XHTML 1.1 : 웹문서의 DTD 정보를 XHTML 1.1 로지정합니다. HTML 3.2 : 웹문서의 DTD 정보를 HTML 3.2 로지정합니다. HTML 2.0 : 웹문서의 DTD 정보를 HTML 2.0 으로지정합니다. HTML5 : 웹문서의 DTD 정보를 HTML5 로지정합니다. 단 HTML5 는 2012년 8월현재규격이완성되지않아실험적인환경만을지원하므로완전한평가가이루어지지는않습니다. 3 CSS 규격 : 웹소스의 CSS 표준진단시적용할스타일시트형식을설정합니다. 설정가능한 CSS 규격은다음과같습니다. 기본값은 CSS 레벨 2입니다. CSS 레벨 1 : 적용되는 CSS 규격을 CSS 레벨 1 로지정합니다. CSS 레벨 2 : 적용되는 CSS 규격을 CSS 레벨 2 로지정합니다. CSS 레벨 2.1 : 적용되는 CSS 규격을 CSS 레벨 2.1 로지정합니다. CSS 레벨 3 : 적용되는 CSS 규격을 CSS 레벨 3 으로지정합니다. SVG : 적용되는 CSS 규격을 SVG 로지정합니다. SVG Basic : 적용되는 CSS 규격을 SVG Basic 으로지정합니다. SVG Tiny : 적용되는 CSS 규격을 SVG Tiny 로지정합니다. 모바일 : 적용되는 CSS 규격을 mobile 로지정합니다. ATSC TV 프로필 : 적용되는 CSS 규격을 ATSC TV 프로필 로지정합니다. TV 프로필 : 적용되는 CSS 규격을 TV 프로필 로지정합니다. 3 점검선택 : 웹접근성및웹호환성진단을위하여프로젝트를생성할경우에진단할항목을선택합니다. 접근성점검 : 프로젝트를생성할경우에웹접근성을진단하도록설정합니다. DTD 점검 : 프로젝트를생성할경우에웹표준을진단하도록설정합니다. CSS 점검 : 프로젝트를생성할경우에 CSS 표준을진단하도록설정합니다. 참고사항 : 위의 3가지점검항목은개별적으로선택이가능합니다. 따라서하나, 둘또는세가지진단을모두선택할수있습니다. 예를들어, DTD 점검항목을체크하고나머지항목을언체크하면프로젝트생성할때마다웹표준만진단하도록프로젝트기본설정이결정됩니다. Watch1.0 사용설명서 26 Watch1.0 사용설명서 27

프로젝트생성을위한창의모습은다음그림과같습니다. 이그림은입력한 URL 에해당하는웹사이트의웹접근성및웹호환성을진단하기위한화면입 니다. VI. 프로젝트생성, 편집및삭제 6.1. 프로젝트생성 웹사이트에대한자동점검을수행하기위해서는해당웹사이트에대한진단 방법등을정의한프로젝트파일을생성해야합니다. 프로젝트생성절차는 다음의세가지방법을이용하여수행할수있습니다.

16 프로젝트생성을위한창의모습은다음그림과같습니다. 이그림은입력한 URL 에해당하는웹사이트의웹접근성및웹호환성을진단하기위한화면입 니다. VI. 프로젝트생성, 편집및삭제 6.1. 프로젝트생성 웹사이트에대한자동점검을수행하기위해서는해당웹사이트에대한진단 방법등을정의한프로젝트파일을생성해야합니다. 프로젝트생성절차는 다음의세가지방법을이용하여수행할수있습니다. 1) 주메뉴에서 [ 파일 ]-[ 새로만들기 ]-[ 프로젝트 ] 를차례로선택함 2) 툴바의프로젝트 [ 생성 ] 아이콘을클릭함 3) 시작화면좌측영역의 [ 프로젝트새로만들기 ] 링크를클릭함 4) 기존의프로젝트를선택하여프로젝트 [ 편집 ] 을수행함. 이경우기존의프로젝트는백업프로젝트가되며, 동일한이름의프로젝트가생성됩니다. 참고사항 : 주메뉴를이용하여프로젝트를생성하는방법은키보드사용자를위한방법입니다. 툴바와시작화면좌측영역의프로젝트새로만들기링크를이용하는방법은마우스등의포인팅디바이스사용자를위한편의기능입니다. < 프로젝트접근성 /DTD/CSS 진단설정창 : URL 평가용창모습 > [ 프로젝트접근성 /DTD/CSS 진단설정 ] 창을구성하는항목은다음과같습니다. 여기서사용하는번호는그림에서해당항목의위치를알려주기위하여참고로사용하는번호입니다. 1 프로젝트이름 : 평가할웹사이트또는파일묶음에대한웹접근성 / 웹호환성진단을위한프로젝트이름을입력합니다. 프로젝트이름은평가하려는웹사이트또는파일묶음을연상할수있는이름으로정하는것이편리합니다. 참고사항 : 프로젝트이름은 PC 에서파일이름또는디렉토리이름의 작명법과동일합니다. 추가적으로프로젝트이름에는금칙문자 ('/',?, <, >,, 등 ) 사용할수없습니다. 2 점검대상 : 진단할대상이웹사이트로부터다운받는온라인웹페이지인 지또는 PC 에저장된파일인지를결정하는라디오버튼입니다. 라디오버 튼의선택에따라입력정보가달라집니다. URL 평가 : 인터넷으로부터다운받는웹페이지를점검하고자할때선 택합니다. 이항목을선택하면 [ 프로젝트접근성 /DTD/CSS 진단설정 ] Watch1.0 사용설명서 28 Watch1.0 사용설명서 29

17 창은평가할 URL을입력하도록변경됩니다. 이항목은항상기본값으로설정되어있습니다. 평가할 URL은 [ 평가할홈페이지 ] URL 입력창 ( 3) 에입력합니다. 파일평가 : PC에저장된웹페이지 (HTML 문서또는 CSS 문서 ) 들에대한웹접근성및웹호환성을진단할때이항목을선택합니다. 이항목을선택하면 [ 프로젝트접근성 /DTD/CSS 진단설정 ] 창이진단할디렉토리를검색하거나디렉토리이름을입력하도록변경됩니다. 디렉토리이름은 [ 평가할파일 ] 입력창 (3-2) 에입력합니다. 다음그림은 [ 프로젝트접근성 /DTD/CSS 진단설정 ] 창에서 파일평가 를선택하였을경우에화면모습입니다. 브라우저에입력한 URL에해당하는웹페이지가표시되므로입력한 URL이정확한지여부를확인할수있습니다. 웹브라우저창의 URL 복사 : [ 프로젝트접근성 /DTD/CSS 진단설정 ] 창의우측영역에있는웹브라우저를이용하여진단할웹페이지를탐색합니다. 웹접근성 / 웹호환성진단대상웹사이트가결정되면웹브라우저툴바의 [ 복사버튼 ](8) 을눌러 URL을 URL 입력창 (3) 에복사합니다. 3-2 평가할파일 : 평가대상이 파일 인경우에평가할최상위디렉토리를입력합니다. 또는디렉토리검색을위하여 [ 찾기버튼 ](11) 을이용하여파일디렉토리를결정할수있습니다. 이경우창우측의웹브라우저는디렉토리선택과아무런관계가없습니다. 4 소스수집 / 검사방법설정 : 이항목은진단시적용될소스수집및진단방법을설정하기위하여설정합니다. 온라인 URL 진단의경우에는세개의탭 ( 옵션설정, 우선점검 URL 설정, 점검시제외 URL 설정 ) 을모두사용할수있습니다. 파일평가의경우에는옵션설정탭만활성화됩니다. 가 ) 옵션설정 : 옵션설정탭은웹접근성 / 웹호환성진단을위하여웹페 이지소스를수집할경우에필요한설정을위한페이지입니다. 옵션 설정탭의모습은다음그림과같습니다. < 프로젝트접근성 /DTD/CSS 진단설정창 : 파일평가용창모습 > 옵션설정탭을구성하는설정항목의기본값은 5.1. URL 수집환경설정에서지정한값입니다. 필요한경우프로젝트별로값을변경할수있습니다. 여기서변경한값은전역설정결과에반영되지않고해당프로젝트에만적용됩니다. 3 평가할홈페이지 (URL) : 진단대상이 온라인 URL 인경우에진단할웹사 이트의홈페이지주소를입력합니다. 여기서홈페이지주소는진단할웹 사이트의도메인이름을의미합니다. 옵션설정탭에서정의한값은 온라인 URL 평가 와 파일평가 에공 통적으로적용됩니다. URL은다음과같은방법으로입력할수있습니다. 3-2 직접입력 : 웹사이트도메인주소를 URL 입력창 (3) 에직접입력합니다. URL을입력한후우측의버튼 (7) 을누르면창의우측에있는웹 Watch1.0 사용설명서 30 Watch1.0 사용설명서 31

니다. 범위 : 1~10 기본값 : 5 l JS 주소수집 : URL 을수집하는과정에서 JavaScript 에의하여동적으로 생성되는 URL 해석여부를설정하는것입니다. 이항목을체크하면모든 JavaScript URL 을해석합니다. 기본값 : 체크 ( 해석수행 ) < 옵션설정창 > [ 옵션설정 ] 창을구성하는각항목의의미는다음과같습니다.

18 니다. 범위 : 1~10 기본값 : 5 l JS 주소수집 : URL 을수집하는과정에서 JavaScript 에의하여동적으로 생성되는 URL 해석여부를설정하는것입니다. 이항목을체크하면모든 JavaScript URL 을해석합니다. 기본값 : 체크 ( 해석수행 ) < 옵션설정창 > [ 옵션설정 ] 창을구성하는각항목의의미는다음과같습니다. 참고사항 : 이항목을체크하여 JavaScript URL의해석을선택하면 JavaScript URL의해석에많은시간이소요되므로웹접근성또는웹호환성진단에소요되는시간이크게늘어나므로주의해야합니다. 따라서충분히많은웹페이지수집이가능한웹사이트를진단하는경우에는 JS 주소수집을언체크하는것이바람직합니다. l 수집페이지수 : 하나의웹사이트로부터수집할웹페이지의최대값을설정합니다. 범위 : 1~ 무제한 기본값 : 100 참고사항 : 최대페이지수를 0으로설정하면수집페이지를무한대로설정하여해당웹사이트에포함된모든웹페이지를수집하고진단할수있습니다. l 적용인코딩 : 이항목은웹접근성및웹호환성진단을위하여다운받는웹소스의인코딩이지정되지않은경우에적용되는인코딩방법을설정합니다. 선택할수있는인코딩방법은다음과같습니다. UTF-8 (Unicode, worldwide) : 웹페이지를 UTF-8로인코딩합니다. UTF-16 (Unicode, worldwide): 웹페이지를 UTF-16으로인코딩합니다. KSC_5601/EUC-KR ( 한국어 ): 웹페이지를 KS C 5601( 또는 euc-kr) 로인코딩합니다. l 수집깊이제한 : 수집할웹페이지 URL 경로의깊이를제한하는값으로, 홈페이지로부터몇단계의경로깊이까지웹페이지를수집할것인가를지정하는값입니다. 범위 : 1~20 기본값 : 20 참고사항 : 여기서설정한인코딩방법은웹서버가인코딩값을리턴하지않으며, 웹소스내에서도인코딩을지정하지않은경우에만적용됩니다. Watch1.0에서는웹소스인코딩을결정할때에웹사이트서버가제공하는값을우선적용합니다. 만일웹서버가인코딩값을제공하지않는경우에는웹소스내에서정의한인코딩을적용합니다. l 동일게시판페이지수집수 : 게시판으로분류되는웹페이지가반복적으로수집되는것을방지하기위하여동일한유형의게시판페이지를수집할수있는최대값을설정합니다. 즉, 이값은동일게시판에포함된서로다른내용의게시물페이지를몇개까지수집할것인가를지정하는것입 l DTD/CSS 설정 : 웹접근성및웹호환성등진단할항목을선택합니다. 접근성진단 : 웹접근성을진단하도록프로젝트를설정 DTD 검사 : 웹표준을진단하도록프로젝트를설정 Watch1.0 사용설명서 32 Watch1.0 사용설명서 33

19 l CSS 검사 : CSS 표준을진단하도록프로젝트를설정 참고사항 : 위의 3가지점검항목은개별적으로선택이가능합니다. 예를들어, DTD 검사를체크하고나머지항목을언체크하면이프로젝트는웹표준만진단하도록설정하는것입니다. 마찬가지로 3가지항목을모두체크하면이프로젝트는웹접근성, 웹표준및 CSS 진단을모두수행하게됩니다.. 기본 DTD 형식 : 웹표준진단을수행하는경우에 DTD 형식이정의되지않은웹소스에적용할 DTD 형식을설정합니다. 웹소스내에서 DTD 형식이정의된경우에는그값을우선적용합니다. SVG Tiny : 적용되는 CSS 규격을 SVG Tiny 로지정합니다. 모바일 : 적용되는 CSS 규격을 mobile 로지정합니다. ATSC TV 프로필 : 적용되는 CSS 규격을 ATSC TV 프로필 로지정합니다. TV 프로필 : 적용되는 CSS 규격을 TV 프로필 로지정합니다. 나 ) 우선점검 URL 설정 : 웹접근성또는웹호환성진단시에우선적으로수집하여진단해야하는웹페이지 URL 목록을입력할수있습니다. 우선점검 URL 목록을입력하는방법은두가지가있습니다. 또한, 이항목은 [ 온라인 URL 평가 ] 의경우에만적용됩니다. 참고사항 : DTD 형식은웹접근성진단시마크업오류진단기준과 DTD 표준진단기준으로적용됩니다. DTD 형식이선언되지않은웹 소스의경우에는프로젝트에서설정한 DTD 형식을따릅니다. 우선점검 URL 설정탭의모습은다음그림과같습니다. 설정가능한 DTD 형식은다음과같습니다. XHTML 1.0 : 웹문서의 DTD 정보를 XHTML 1.0 으로지정합니다. HTML 4.01 : 웹문서의 DTD 정보를 HTML 4.01 으로지정합니다. XHTML 1.1 : 웹문서의 DTD 정보를 XHTML 1.1 로지정합니다. HTML 3.2 : 웹문서의 DTD 정보를 HTML 3.2 로지정합니다. HTML 2.0 : 웹문서의 DTD 정보를 HTML 2.0 으로지정합니다. HTML5 : 웹문서의 DTD 정보를 HTML5 로지정합니다. 단 HTML5는 2012년 8월현재규격이완성되지않아실험적인환경만을지원하므로완전한평가가이루어지지는않습니다. l 기본 CSS 규격 : CSS 표준진단을수행할경우에적용할스타일시트형식을설정합니다. 설정가능한 CSS 규격은다음과같습니다. 기본값은 CSS 레벨 2입니다. CSS 레벨 1 : 적용되는 CSS 규격을 CSS 레벨 1 로지정합니다. CSS 레벨 2 : 적용되는 CSS 규격을 CSS 레벨 2 로지정합니다. CSS 레벨 2.1 : 적용되는 CSS 규격을 CSS 레벨 2.1 로지정합니다. CSS 레벨 3 : 적용되는 CSS 규격을 CSS 레벨 3 으로지정합니다. SVG : 적용되는 CSS 규격을 SVG 로지정합니다. SVG Basic : 적용되는 CSS 규격을 SVG Basic 으로지정합니다. < 우선점검 URL 설정탭 > 우선점검 URL의입력은다음의두가지방법이가능합니다. 입력방법 1 : URL 입력창에우선점검 URL을직접입력하고추가버튼을누릅니다. 입력방법 2 : [ 프로젝트접근성 /DTD/CSS 진단설정 ] 창의우측영역에있는웹브라우저를이용하여원하는웹페이지를탐색한후 [ 포함 URL 버 Watch1.0 사용설명서 34 Watch1.0 사용설명서 35

20 튼 ](9) 를클릭하면웹브라우저에렌더링된웹페이지가우선점검 URL로자동등록됩니다. 다 ) 점검시제외 URL 설정 : 프로젝트에서설정한진단과정에서수집하지않아야하는웹페이지 URL 목록을등록합니다. [ 점검시제외 URL 설정 ] 탭의모습은다음그림과같습니다. 프로젝트수행에관한사항은 6.3 프로젝트수행을참고하십시오 프로젝트편집프로젝트편집이란이미생성한프로젝트를다시편집하여웹접근성 / 웹호환성진단을수행하기위한과정입니다. 프로젝트편집을수행하려면주메뉴또는툴바의아이콘을이용하여프로젝트편집을선택합니다. 프로젝트편집이시작되면다음그림과같은 [ 프로젝트검색 ] 창이화면에보이고그동안 PC에서생성한프로젝트목록을보여줍니다. < 점검시제외 URL 설정탭 > 점검시제외할 URL 을등록하는방법은두가지가있습니다. 입력방법 1 : URL 입력창에제외할 URL을직접입력하고추가버튼을누릅니다. 입력방법 2 : [ 프로젝트접근성 /DTD/CSS 진단설정 ] 창의우측영역에있는웹브라우저를이용하여원하는웹페이지를탐색한후 [ 제외 URL 버튼 ](10) 을클릭하면웹브라우저에렌더링된웹페이지가제외할 URL로자동등록됩니다. < 프로젝트선택창 > [ 프로젝트선택 ] 창에서 [ 경로 ] 는프로젝트파일이저장된디렉토리입니다. 프로젝트파일이저장되는디렉토리를변경하거나설정하려면 5.1. 웹소스수집설정의 [ 프로젝트관리디렉토리설정 ] 을참조하십시오. 프로젝트를생성한후에 [ 시작 ] 버튼 (5) 을누르면프로젝트를저장하고, 이어 서프로젝트에서정의한바에따라프로젝트가수행됩니다. [ 닫기 ] 버튼 (6) 을 누르면생성한프로젝트를저장하고프로젝트설정을종료합니다. [ 프로젝트선택 ] 창에서프로젝트를선택한후 [ 열기 ] 버튼을클릭하거나프로젝트를더블클릭하면선택한프로젝트에대한 [ 프로젝트편집 ] 창이화면에나타납니다. [ 프로젝트편집 ] 창의모습은 [ 프로젝트접근성 /DTD/CSS 진단설정 ] 창과동일한모습입니다. 다만프로젝트생성의경우와는달리기 Watch1.0 사용설명서 36 Watch1.0 사용설명서 37

존에생성된프로젝트에대한정보로초기화된점이다를뿐입니다. 프로젝트를생성한후에 [ 시작 ] 버튼 (5) 을누르면프로젝트를저장하고, 이어서프로젝트에서정의한바에따라프로젝트가실행됩니다. [ 닫기 ] 버튼 (6) 을누르면생성한프로젝트를저장하고프로젝트설정을종료합니다. 프로젝트실행에관한사항은 6.4 프로젝트실행을참고하십시오.

21 존에생성된프로젝트에대한정보로초기화된점이다를뿐입니다. 프로젝트를생성한후에 [ 시작 ] 버튼 (5) 을누르면프로젝트를저장하고, 이어서프로젝트에서정의한바에따라프로젝트가실행됩니다. [ 닫기 ] 버튼 (6) 을누르면생성한프로젝트를저장하고프로젝트설정을종료합니다. 프로젝트실행에관한사항은 6.4 프로젝트실행을참고하십시오. 참고사항 : 프로젝트파일은한번삭제되면복구가불가능하므로프로젝트삭제를조심해야합니다 프로젝트실행프로젝트를생성한후에 [ 시작 ] 버튼 (5) 을누르면프로젝트를저장하고, 이어서프로젝트에서정의한바에따라프로젝트가수행됩니다. 6.3 프로젝트삭제 Watch1.0 프로그램은이미생성된프로젝트목록창을열어프로젝트를삭제할수있습니다. 프로젝트삭제는다음중한가지방법으로가능합니다. 주메뉴에서 [ 파일 ]-[ 삭제 ]-[ 프로젝트 ] 순서로서브메뉴를선택함 툴바에서 [ 삭제 ] 아이콘을마우스로클릭 프로젝트가시작되면프로젝트생성또는프로젝트편집과정에서선택한 3 가지진단 ( 웹접근성진단, 웹표준진단및 CSS 표준진단등 ) 을차례로실행합니다. 프로젝트가시작되면다음그림과같은 [Watch1.0점검] 창이화면에나타납니다. [Watch1.0점검] 창은두개의프로그레스바 (progress bar) 와 [ 점검취소 ] 및 [ 자세히 ] 버튼으로구성되어있습니다. 프로젝트삭제를시작하면다음과같은 [ 프로젝트삭제 ] 창이화면에나타납 니다. <Watch1.0 진단상황창 ( 로그창이감춰진상태 )> [ 자세히 (D)>>] : 이버튼을누르면감추어있던로그창이화면에나타나고로그창에는프로젝트실행과정에서수행되는내용이표시됩니다. [ 자세히 (D)<<] 버튼을한번더누르면로그창이사라집니다. 다음그림은로그창이나타난 [Watch1.0점검] 창의모습입니다. < 프로젝트삭제를위한프로젝트목록창 > [ 점검취소 (C)] : 이버튼을누르면프로젝트실행을강제로종료합니다. 프로젝트삭제창에서프로젝트이름의왼쪽에있는체크박스를체크한상 태에서 [ 삭제 ] 버튼을누르면사용자의확인을거쳐체크상자가체크된모 든프로젝트가프로젝트저장디렉토리에서삭제됩니다. Watch1.0 사용설명서 38 Watch1.0 사용설명서 39

0 프로그램의정보표시영역이 [ 프로젝트평가결과보기 ] 창으로자동전환됩니다. [ 프로젝트실행결과보기 ] 창은웹접근성진단결과를보여주는화면과웹호환성진단결과를보여주는화면중에서선택할수있습니다. 기본설정은웹접근성진단결과를보여주는화면입니다.

22 VII. 평가결과보기 <Watch1.0 진단상황창 ( 로그창이나타난상태 )> 프로젝트실행 ( 진단 ) 이완료되면 [Watch1.0점검] 창은진단완료화면으로전환됩니다. 진단완료화면에는다음그림과같이 [ 확인 ] 버튼이나타납니다. [ 확인 ] 버튼을누르면 [ 평가결과보기 ] 화면으로이동합니다. 진단완료화면의 [ 자세히 (D)>>] 버튼은 [ 로그창을나타나게하거나감추는역할을합니다. 그기능은 Watch1.0점검 ] 창의동일한이름의버튼과기능이동일합니다. 평가결과보기화면에대한설명은 6.4 평가결과보기를참고하십시오. 프로젝트실행이성공적으로종료되고진단완료화면의 [ 확인 ] 버튼을누르면 Watch1.0 프로그램의정보표시영역이 [ 프로젝트평가결과보기 ] 창으로자동전환됩니다. [ 프로젝트실행결과보기 ] 창은웹접근성진단결과를보여주는화면과웹호환성진단결과를보여주는화면중에서선택할수있습니다. 기본설정은웹접근성진단결과를보여주는화면입니다. 웹호환성진단결과화면으로변경하려면 [ 툴바 ](5) 에서 [DTD/CSS] 아이콘을누릅니다. 마찬가지로웹접근성진단결과화면으로변경하려면 [ 툴바 ](5) 에서 [ 접근성 ] 아이콘을누릅니다 웹접근성진단결과화면 다음그림은웹접근성진단결과화면의모습입니다. <Watch1.0 진단상황창 ( 진단이완료된상태 )> Watch1.0 사용설명서 40 Watch1.0 사용설명서 41

집된 URL 목록을세부지침별로보여주거나수집한 URL 목록을그대로 보여주는곳입니다. [URL별로정렬 ] 버튼을누르면프로젝트실행과정에서수집한 URL목록을순서대로 Tree View 형태로표시합니다. [ 항목별로정렬 ] 버튼을누르면프로젝트실행과정에서웹접근성오류가발생한 URL목록을웹접근성세부점검항목별로분류하여 Tree View 형태로표시합니다.

23 집된 URL 목록을세부지침별로보여주거나수집한 URL 목록을그대로 보여주는곳입니다. [URL별로정렬 ] 버튼을누르면프로젝트실행과정에서수집한 URL목록을순서대로 Tree View 형태로표시합니다. [ 항목별로정렬 ] 버튼을누르면프로젝트실행과정에서웹접근성오류가발생한 URL목록을웹접근성세부점검항목별로분류하여 Tree View 형태로표시합니다. URL 목록영역은키보드 ( 상하이동키 ) 를이용하여선택할 URL 로이동하 고, 어떤 URL 을선택 (Space 키또는 Enter 키 ) 할수있습니다. 마우스를 이용하여원하는 URL 을직접선택할수도있습니다. < 프로젝트실행결과보기창 : 웹접근성진단결과보기 > 웹접근성진단결과보기화면은 5개의영역으로구성되어있습니다. 각영역의기능과용도는다음과같습니다. 1) 점검결과현황표시영역 (1) : 웹접근성진단결과를 6개세부항목별로요약하여보여줍니다. 제공하는정보는프로젝트에서수집한모든웹페이지에대한진단결과와각웹페이지별진단결과찾아낸세부지침별웹접근성오류수입니다. 이영역에표시되는정보는 [ 페이지별로 (T)] 버튼또는 [ 전체오류로 (T)] 버튼을누를때마다토글됩니다. [ 페이지별로 ] 버튼을누르면이영역의정보는선택된웹페이지에대한웹접근성오류개수정보를표시합니다. 이기능은 URL 목록영역 (2) 에서 URL을선택했을때만가능합니다. URL이선택되지않은상태에서는페이지별웹접근성오류개수정보를표시하지않습니다. [ 전체오류로 ] 버튼을누르면이영역에는프로젝트실행시수집한모든웹페이지에대한웹접근성오류개수정보를표시합니다. 이기능은프로젝트가선택되면활성화됩니다. 따라서 URL 목록영역 (2) 에서 URL을선택한것과는관계가없습니다. 2) URL 목록영역 (2) : 이영역은웹접근성진단과정에서성공적으로수 URL 목록영역에서 URL을선택하면화면의나머지영역에는선택한 URL에대한웹접근성오류정보가표시됩니다. 그내용은다음과같습 니다. [ 점검결과표시영역 ](1) 에는해당웹페이지에대한웹접근성오류정보 가표시됩니다. [ 오류내용보기영역 ](3) 에는해당웹페이지의웹접근성오류에대한상 세한내용이표시됩니다. 이영역에대한설명은본절의 3) 오류내용보 기영역을참조하십시오. [ 소스보기영역 ](4) 에는해당웹페이지의 웹소스가표시됩니다. 이영 역에대한설명은본절의 4) 소스보기영역을참조하십시오. [ 웹페이지보기영역 ](5) 에는해당웹페이지의렌더링이미지를보여줍니 다. 이영역에대한설명은본절의 5) 웹페이지보기영역을참조하십시오. 3) 오류내용보기영역 (3) : 화면우측의 URL 목록영역 (2) 에서 URL을 선택하면해당 URL에대한웹접근성오류내용을도표형식으로보여 줍니다. 도표의열제목은다음과같습니다. [ 줄 ] : 오류가발견된소스라인번호 [ 열 ] : 오류가발견된소스라인의열번호 [ 오류종류 ] : 웹접근성오류내용 [ 내용 ] : 이열은현재버전에서지원되지않습니다. Watch1.0 사용설명서 42 Watch1.0 사용설명서 43

4) 소스보기영역 (4) : 화면우측의 URL 목록영역 (2) 에서선택된 URL 에 대한웹소스를보여주는곳입니다. [ 소스보기영역 ](4) 은 [ 오류내용보기영역 ](3) 과연동됩니다. 즉, [ 오류내용보기영역 ] 에서웹접근성오류항목을선택하면해당오류가발생한소스위치를하이라이트해주므로오류가발생한소소를손쉽게확인할수있습니다.

24 4) 소스보기영역 (4) : 화면우측의 URL 목록영역 (2) 에서선택된 URL 에 대한웹소스를보여주는곳입니다. [ 소스보기영역 ](4) 은 [ 오류내용보기영역 ](3) 과연동됩니다. 즉, [ 오류내용보기영역 ] 에서웹접근성오류항목을선택하면해당오류가발생한소스위치를하이라이트해주므로오류가발생한소소를손쉽게확인할수있습니다. 5) 웹페이지보기영역 (6) : 이영역은화면우측의 URL 목록영역 (2) 에서선택된 URL의웹브라우저에로드되었을경우의렌더링이미지를보여주는곳입니다. 웹페이지보기영역은 [ 오류내용보기영역 ](3) 상단의 [ 웹페이지보기 (R)] 버튼을누르면나타나거나사라집니다. URL에대한실제웹페이지모습은 [ 웹페이지보기영역 ] 이화면에나타나도록한후에 [ 이동 ] 버튼을누르면 PC에설치된기본웹브라우저에의하여해당 URL을렌더링합니다. 참고사항 : [ 웹페이지보기영역 ] 에나타난이미지와 URL을웹브라우저에서탐색하였을때의페이지모습은서로다를수있습니다. 따라서 [ 웹페이지보기영역 ] 의이미지는참고용으로사용하기바랍니다. < 프로젝트실행결과보기창 : 웹호환성진단결과보기 > 웹표준진단결과보기화면은 5개의영역으로구성되어있습니다. 각영역의기능과용도는다음과같습니다. 1) 점검결과현황표시영역 (1) : 웹접근성진단결과를 6개세부항목별로요약하여보여줍니다. 제공하는정보는프로젝트에서수집한모든웹페이지에대한진단결과와각웹페이지별진단결과찾아낸세부지침별웹접근성오류수입니다. 이영역에표시되는정보는 [ 페이지별로 (T)] 버튼또는 [ 전체오류로 (T)] 버튼을누를때마다토글됩니다 웹호환성진단결과화면 다음그림은웹호환성진단결과를보여주는화면의모습입니다. < [ 페이지별로 ] 버튼을누르면이영역의정보는선택된웹페이지에대한웹접근성오류개수정보를표시합니다. 이기능은 URL 목록영역 (2) 에서 URL을선택했을때만가능합니다. URL이선택되지않은상태에서는페이지별웹접근성오류개수정보를표시하지않습니다. [ 전체오류로 ] 버튼을누르면이영역에는프로젝트실행시수집한모든웹페이지에대한웹접근성오류개수정보를표시합니다. 이기능은프로젝트가선택되면활성화됩니다. 따라서 URL 목록영역 (2) 에서 URL을선택한것과는관계가없습니다. 2) URL 목록영역 (2) : 이영역은웹접근성진단과정에서성공적으로수 집된 URL 목록을세부지침별로보여주거나수집한 URL 목록을그대로 보여주는곳입니다. Watch1.0 사용설명서 44 Watch1.0 사용설명서 45

25 [URL별로정렬 ] 버튼을누르면프로젝트실행과정에서수집한 URL목록을순서대로 Tree View 형태로표시합니다. [ 항목별로정렬 ] 버튼을누르면프로젝트실행과정에서웹접근성오류가발생한 URL목록을웹접근성세부점검항목별로분류하여 Tree View 형태로표시합니다. (-1점) 등으로구분됩니다. 내용 : 오류의자세한내용이기록되어있습니다. 4) 소스보기영역 (4) : 화면우측의 URL 목록영역 (2) 에서선택된 URL에대한웹소스를보여주는곳입니다. URL 목록영역은키보드 ( 상하이동키 ) 를이용하여선택할 URL로이동하고, 어떤 URL을선택 (Space 키또는 Enter 키 ) 할수있습니다. 마우스를이용하여원하는 URL을직접선택할수도있습니다. URL 목록영역에서 URL을선택하면화면의나머지영역에는선택한 URL에대한웹접근성오류정보가표시됩니다. 그내용은다음과같습니다. [ 점검결과표시영역 ](1) 에는해당웹페이지에대한웹접근성오류정보가표시됩니다. [ 오류내용보기영역 ](3) 에는해당웹페이지의웹접근성오류에대한상세한내용이표시됩니다. 이영역에대한설명은본절의 3) 오류내용보기영역을참조하십시오. [ 소스보기영역 ](4) 에는해당웹페이지의웹소스가표시됩니다. 이영역에대한설명은본절의 4) 소스보기영역을참조하십시오. [ 웹페이지보기영역 ](5) 에는해당웹페이지의렌더링이미지를보여줍니다. 이영역에대한설명은본절의 5) 웹페이지보기영역을참조하십시오. 3) 오류내용보기영역 (3) : 화면우측의 URL 목록영역 (2) 에서 URL을선택하면해당 URL에대한웹접근성오류내용을도표형식으로보여줍니다. 도표의열제목은다음과같습니다. [ 소스보기영역 ](4) 은 [ 오류내용보기영역 ](3) 과연동됩니다. 즉, [ 오류내용보기영역 ] 에서웹접근성오류항목을선택하면해당오류가발생한소스위치를하이라이트해주므로오류가발생한소소를손쉽게확인할수있습니다. 5) 웹페이지보기영역 (6) : 이영역은화면우측의 URL 목록영역 (2) 에서선택된 URL의웹브라우저에로드되었을경우의렌더링이미지를보여주는곳입니다. 웹페이지보기영역은 [ 오류내용보기영역 ](3) 상단의 [ 웹페이지보기 (R)] 버튼을누르면나타나거나사라집니다. URL에대한실제웹페이지모습은 [ 웹페이지보기영역 ] 이화면에나타나도록한후에 [ 이동 ] 버튼을누르면 PC에설치된기본웹브라우저에의하여해당 URL을렌더링합니다. 참고사항 : [ 웹페이지보기영역 ] 에나타난이미지와 URL을웹브라우저에서탐색하였을때의페이지모습은서로다를수있습니다. 따라서 [ 웹페이지보기영역 ] 의이미지는참고용으로사용하기바랍니다. 유형 : 오류의종류를이미지로구분하여보여줍니다. 정보제공, 경고, 오류로구분합니다. 줄 : 소스에서오류가발견된해당라인번호 열 : 소스에서오류가발견된라인의해당열번호 오류번호 : W3C에서제시한오류 / 경고문구에해당하는번호 점수 : 항목별웹표준평가점수입니다. 심각 (-20점), 위험 (-3점), 보통 Watch1.0 사용설명서 46 Watch1.0 사용설명서 47

7.3. 프로젝트별진단결과보기 7.4 프로젝트별진단결과보기 이전진단이종료된프로젝트를선택하여프로젝트진단결과를다시확인할수있습니다. 진단결과보기를위해서는다음중한가지방법을이용하여프로젝트를선택합니다. 프로젝트를선택하거나어떤프로젝트실행이성공적으로종료된후 [ 접근성 진단요약보고서 ] 버튼을누르면 Watch1.0 프로그램은보고서를열람하거나 프린터로인쇄할수있습니다.

26 7.3. 프로젝트별진단결과보기 7.4 프로젝트별진단결과보기 이전진단이종료된프로젝트를선택하여프로젝트진단결과를다시확인할수있습니다. 진단결과보기를위해서는다음중한가지방법을이용하여프로젝트를선택합니다. 프로젝트를선택하거나어떤프로젝트실행이성공적으로종료된후 [ 접근성 진단요약보고서 ] 버튼을누르면 Watch1.0 프로그램은보고서를열람하거나 프린터로인쇄할수있습니다. 주메뉴를이용하여 [ 파일 ]-[ 열기 ]-[ 프로젝트 ] 순으로서브메뉴를선택화면을시작페이지로전환하고왼쪽영역의 [ 최근점검한프로젝트 ] 에서프로젝트명을선택툴바에서 [ 열기 ] 아이콘선택 프로젝트결과보기를실행하면다음과같은 [ 프로젝트열기 ] 창이열립니다. < 웹접근성요약보고서 > < 프로젝트선택을위한프로젝트목록창 > 웹사이트에서발견된세부지침별오류수의합계와이를바탕으로계산한 세부지침별준수율에대한보고서입니다. 보고서를보기위해서는다음방 법중한가지를선택합니다. 프로젝트선택창에서프로젝트를선택하고더블클릭을하거나 [ 열기 ] 버튼 을누르면평가결과창이열립니다. 진단결과보기창의이용방법은 7.1 및 7.2 와같습니다. 주메뉴에서 [ 보고서 ]-[ 접근성진단요약보고서 ] 를순서대로선택함 Alt+R S 툴바에서 [ 접근성진단요약보고서 ] 아이콘을누름 인쇄하기 웹접근성요약보고서인쇄는화면에서 [ 인쇄 ] 버튼을이용하여보고서를 Watch1.0 사용설명서 48 Watch1.0 사용설명서 49

27 인쇄할수있습니다. 또한메뉴에서 [ 파일 ]-[ 인쇄 ] 순으로선택하여인쇄할 수있습니다. Ⅷ. 접근성기능 Watch1.0 프로그램은장애인이사용할수있도록프로그램개발시에소프트 웨어장애인접근성을지원하도록개발되었습니다 키보드접근성 Watch1.0 은키보드를이용한사용방법을지원함으로써소프트웨어접근성 을제공합니다. 1) 주메뉴 Watch1.0의주요기능은주메뉴를통하여사용이가능합니다. 자주사용하는기능은단축키로도사용이가능합니다. 주메뉴및단축키는다음과같습니다. 여기서 + 는동시에키를누른다는의미이며, > 표시는순서대로키를누른다는의미입니다. 파일 : Alt+F 프로젝트생성 : ALT+F > N >P 프로젝트편집 : ALT+F > E >P 프로젝트보기 : ALT+F > O >P 프로젝트삭제 : ALT+F > D 종료 : ALT+F > X 또는 ALT+F4 설정 : Alt+O 웹소스수집방법 : ALT+O > O 점검방법설정 : ALT+O > N 창 : Alt+W 초기화면 : ALT+W > N Watch1.0 사용설명서 50 Watch1.0 사용설명서 51

28 진단결과 - ( 프로젝트명 ) 보고서 : Alt+R 접근성진단요약보고서 : ALT+R > U URL별접근성점검결과 : ALT+R > S 도움말 : ALT+H Watch1.0 도움말 : ALT+H > H 또는 F1 시작정보로가기 Watch1.0 정보 : ALT+H > A Watch1.0 버전관리 8.2. 점검결과보기화면탐색기능 수있습니다. 일부영역을선택하여복사도가능합니다. 탐색 : 키보드상하좌우키 영역선택 : 선택영역의시작지점에커서가있을때에 Shift 키를누른상태에서상하좌우키를눌러선택영역의마지막부분으로이동합니다. 이때시작지점과마지막지점내에포함된소스는파란색배경으로하이라이트됩니다. 영역선택을종료하려면 Shift 키를놓아버립니다. 영역복사 : 영역선택내의소스를복사하려면 Ctrl+C 키를누릅니다. 복사된소스는 노트패드 등에 [ 붙이기 ] 가가능합니다. 오류영역오류영역의도표는 GridView 컨트롤을이용하여구현되었습니다. 오류영역은상하이동을통한탐색이가능합니다. 오류항목이선택된상태에서 Space 키를누르면오류를유발시킨소스의위치를소스보기화면에나타나게한후에해당소스부위를하이라이트합니다. Space 키를놓더라도하이라이트는그대로유지됩니다. 웹접근성및웹호환성결과보기화면에서사용할수있는단축키는다음 과같습니다. 결과보기화면에서사용할수있는단축키의목록은다음과같습니다. 탭의이동순서결과보기화면에서 Tab키의이동순서는다음과같습니다. Tabl키를누를때마다 URL목록 -> 소스페이지탭 -> 열린소스페이지탭의소스창 -> 오류영역 -> 전체화면탭-> URL목록의순서로이동합니다. Shift+Tab 키에의한순서는 Tab키와반대로이동합니다. 여기서전체화면탭은 Watch1.0 사용시열린창을선택하는페이지탭입니다. URL 목록영역 URL 목록영역에키보드초점이있는경우에는상하이동키를이용하여 URL, CSS 주소간의이동이가능합니다. URL 또는 CSS 주소를선택하려면 Space 키를누릅니다. URL 또는 CSS 주소의하위항목을열려면 Enter키를누릅니다. Enter 키를한번더누르면하위항목이닫힙니다. 소스보기영역소스보기영역은상하좌우키를이용하여소스라인과행을탐색할 단축키 의미 기능설명 Alt+U URL 목록정렬 단축키를누를때마다진단한 URL 목록을정렬방식에따라 [URL 별정렬 ] 과 [ 지침별정렬 ] 방식이교대로전환됩니다. Alt+P 프로젝트환경단축키를누르면현재프로젝트의환경설정정보를보여설정정보보기줍니다. Alt+T Alt+B Alt+S 오류통계자료표시방법 웹페이지보기 웹소스보기창제어 단축키를누를때마다오류현황표시내용을 [ 웹사이트의전체오류현황 ] 과 [ 선택된웹페이지의오류현황 ] 으로번갈아전환됩니다. URL 목록에서선택된웹페이지이미지를웹브라우저창에보이게하거나사라지게합니다. URL 목록에서현재선택된웹페이지소스보기창에서수행할수있는기능의목록을나타냅니다. 각기능에할당된키를누르면기능을수행할수있습니다. 찾기창을나타나게하는것은웹소스창에키보드초점이있을때에 ' Ctrl+F' 키로도실행이가능합니다. 찾기 (F)/ Alt+F/ Ctrl+F 찾기창이열리고찾기기능을실행할수있습니다. 찾기창의옵션은대문자구분여부를설정할수있습니다. 사용방법은찾기창의 ' 이전 ', ' 다음 ' 버튼을클릭하거나 Tab 키로초점을이동한후스페이스바를누르면됩니다. Watch1.0 사용설명서 52 Watch1.0 사용설명서 53

29 키보드초점이텍스트상자에있을때에 'Enter' 키를누르거나 'Shift+Enter" 키를이용해서도다음찾기와이전찾기가수행됩니다. 전체선택 (A)/ Alt+A 소스복사 (C)/ Alt+C URL 복사 (L)/ Alt+L ' 다음 ' 및 ' 이전 ' 버튼을누르더라도초점은그대로버튼에남아있습니다. 찾은부분은하이라이트되며, 소스코드영역의해당위치로초점을이동하려면 Tab 키를눌러소스코드영역으로초점을이동하면됩니다. 찾기창을화면에서없애려면 ' 다음 ' 버튼을누르거나클릭합니다. 이때키보드초점은소스코드창에남아있게됩니다. 소스코드영역전체의소스코드를선택합니다. 이때소스코드영역전체가하이라이트됩니다. 선택영역내의소스코드를클립보드로복사합니다. 선택한 URL 을클립보드로복사합니다. Ⅸ. 웹접근성 6 개세부지침 Watch1.0은한국형웹콘텐츠접근성지침 2.0에의거하여지정된 6개세부지침에대한접근성준수여부를자동으로진단할수있습니다. Watch1.0 프로그램은한국정보화진흥원이개발한 K-WAH4와웹접근성진단모듈을공유합니다. 따라서진단결과는 K-WAH4에의한진단결과와동일합니다. 6개세부지침은다음과같습니다 대체텍스트제공 참고사항 : 영역간의키보드초점이동은 Tab 키 ( 정방향이동 ) 와 Shift-Tab 키 ( 역방향이동 ) 를이용합니다. 점검규칙 1 은이미지등텍스트가아닌콘텐츠에대한대체수단제공여부 를점검하기위한것입니다. 대상요소및점검규칙은다음과같습니다. 규칙 1-1. <img> 태그의 alt 속성제공여부 - alt 속성의정확성은판단하지않음 alt 속성이없고 longdesc도제공하지않으면불합격 alt 속성을제공하면합격으로평가예를들어, 속성으로 null 값을제공 (alt="") 하더라도합격 부적합한속성값을제공 (alt= "...") 하더라도합격 참고사항 : alt 속성이정확한지에대한점검은반드시전문가로하여 금평가해야합니다. Watch1.0 사용설명서 54 Watch1.0 사용설명서 55

30 규칙 1-2. <area> 태그의 alt 속성제공여부 - alt 속성의정확성은판단하지않음 alt 속성이없고 longdesc도제공하지않으면불합격예를들어, 속성으로 null 값을제공 (alt="") 하더라도합격 부적합한속성값을제공 (alt= "...") 하더라도합격 참고사항 : alt 속성이정확한지에대한점검은반드시전문가로하여금평가해야합니다. 규칙 1-3. <input> type="image" 태그의 alt 속성제공여부 - alt 속성의정확성은판단하지않음 alt 속성이없고 longdesc도제공하지않으면불합격예를들어, 속성으로 null 값을제공 (alt="") 하더라도합격 부적합한속성값을제공 (alt= "...") 하더라도합격 금평가해야합니다. 또한, Watch1.0의대체텍스트제공진단결과오류가발생하지않았다고해서대체텍스트에대한접근성을만족한다는의미는아닙니다. 이프로그램에서진단하는것은 ' 대체텍스트를제공하기위한최소한의프로그램코딩기준을만족하고있으냐 ' 여부입니다. 정확한접근성평가를위해서는프로그램코딩기준을만족해야할분아니라대체텍스트의정확성여부, 의미전달여부등에관한사항도만족해야합니다. 예를들어어떤의미있는이미지에대한대체텍스트를 alt="" 이라고하였다면코딩기준은만족하기때문에이프로그램에서는대체텍스트를제공하는것으로간주됩니다. 그러나의미있는이미지임에도불구하고대체텍스트가없기때문에접근성을위반하고있습니다. 보다자세한사항은웹와치 ( 주 ) 또는웹접근성연구소홈페이지를참고하시기바랍니다 제목제공 참고사항 : alt 속성이정확한지에대한점검은반드시전문가로하여 금평가해야합니다. 점검규칙 2 는웹페이지와프레임의제목제공여부를점검하기위한것입 니다. 대상요소및점검규칙은다음과같습니다. 규칙 1-4. <applet> 태그의 alt 속성제공여부 - alt 속성의정확성은판단하지않음 alt 속성이없고 longdesc도제공하지않으면불합격예를들어, 속성으로 null 값을제공 (alt="") 하더라도합격 부적합한속성값을제공 (alt= "...") 하더라도합격 규칙 2-1. 웹문서의 <title> 태그의 ' 유효한값 ' 의제공여부 문서에 <title> 태그가없으면불합격 문서에 <title> 태그가있으나값이 null("") 이거나 white space(\n, \r, \t, " " 등 ) 이면불합격 참고사항 : 여기서유효한값이란공백문자가아닌한영문문자열을제공해야한다는의미입니다. 참고사항 : alt 속성이정확한지에대한점검은반드시전문가로하여 규칙 2-2. <frame> 태그의 title 속성제공여부 - title 속성의정확성은 Watch1.0 사용설명서 56 Watch1.0 사용설명서 57

31 판단하지않음 <frame> 태그에 title 속성제공안하면불합격 <frame> 태그에 title 속성있으나값이 null("") 이거나 white space(\n, \r, \t, " " 등 ) 이면불합격 참고사항 : title 속성의정확성은반드시전문가로하여금평가해야합니다. 규칙 2-3. <iframe> 태그의 title 속성제공여부 - title 속성의정확성은판단하지않음 <iframe> 태그에 title 속성제공안하면불합격 <iframe> 태그에 title 속성있으나값이 null("") 이거나 white space(\n, \r, \t, " " 등 ) 이면불합격 참고사항 : Watch1.0의제목제공진단결과오류가발생하지않았다고해서제목에대한접근성을만족한다는의미는아닙니다. 이프로그램에서진단하는것은 ' 제목을제공하기위한최소한의프로그램코딩기준을만족하고있으냐 ' 여부입니다. 정확한접근성평가를위해서는프로그램코딩기준을만족해야할분아니라제공된제목의정확성여부, 의미전달여부등에관한사항도만족해야합니다 기본언어명시점검규칙 3은웹페이지에기본언어를정확히명시하고있는가를점검하기위한것입니다. 대상요소및점검규칙은다음과같습니다. 규칙 3-1. <html> 태그의 lang 속성을제공여부 <html> 태그에 lang 속성제공안하면불합격 lang 속성을제공하더라도속성값이 ISO 표준에서정의한언어또는확장언어가아니면불합격 참고사항 : Watch1.0에서는 'EN-US' 와같이기본언어를확장한언어규칙에대응하도록개선하였습니다. 따라서 Watch1.0은기존버전보다더정확한기본언어평가가가능합니다. 아울러오류유형을확장하여 ' 기본언어미제공 ' 과제공하는기본언어코드가잘못된경우를의미하는 ' 기본언어오류 ' 로세분화하였습니다. 또한 DTD 형식에따른기본언어제공방법을평가할수있습니다. 다음은 DTD 형식에따른기본언어점검규칙입니다. html 4.01/html5 <html> 태그에 lang 속성을제공하지않으면불합격 ( 기본언어미제공 ) lang 속성을제공하지만속성값이 ISO 표준에서정의한언어또는확장언어가아니면불합격 ( 기본언어오류 ) xhtml 1.0/xhtml 1.1 <html> 태그에 lang 속성과 xml:lang 속성을둘다제공하지않으면불합격 ( 기본언어미제공 ) lang 또는 xml:lang 속성을제공하지만속성값이 ISO 표준에서정의한언어또는확장언어가아니면불합격 ( 기본언어오류 ) 9.4. 사용자요구에따른새창열기점검규칙 4는사용자가요구하지않은새창이열리지않는가를점검하기위한것입니다. 대상요소및점검규칙은다음과같습니다. 규칙 4-1. <a> 태그를이용한새창열기시에사전경고제공여부 <a> 태그에서 target 없으면합격 <a> 태그에서 target="_blank" 이면합격 <a> 태그에서 target="_self" 이면합격 <a> 태그에서 target="_top" 이면합격 <a> 태그에서 target="_parent" 이면합격 Watch1.0 사용설명서 58 Watch1.0 사용설명서 59

32 <a> 태그에서 target=" 프레임명 " 이면합격 이외의경우에 title 속성이 " 창 ", " 윈도 ", "window" 등의문자열을포함하고있으면합격 링크텍스트가 " 창 ", " 윈도 ", "window" 등의문자열을포함하고있으면합격 <a>... <img alt=" ">... </a> 와같이 <a> 로둘러쌓인이미지태그의 alt 속성이 " 창 "," 윈도 ","window" 등의문자열을포함하고있으면합격 이외에는불합격 onclick = window.open( ) 과같은소스코드를사용하는경우 winodw.open( ) 의파라메터가 "_blank", "_self", "_parent", "_top" 중의하나를포함하고있으면합격 9.5. 레이블제공점검규칙 5는서식제어요소와레이블이서로적절하게연결되어있는가를점검하기위한것입니다. 대상요소및점검규칙은다음과같습니다. 규칙 5-1. <input> 요소에레이블또는 title 제공여부 - 레이블또는 title의정확성여부는판단하지않음 평가대상 <input type = "text" > <input type = "password" > <input type = "file" > <input type = "radio" > <input type = "checkbox" > 규칙 4-2. <area> 태그를이용한새창열기시에사전경고제공여부 <area> 태그의 target 없으면합격 <area> 태그의 target="_blank" 이면합격 <area> 태그의 target="_self" 이면합격 <area> 태그의 target="_top" 이면합격 <area> 태그의 target="_parent" 이면합격 <area> 태그의 target=" 프레임명 " 이면합격 이외의경우에 title 속성이 " 창 "," 윈도 ","window" 등의문자열을포함하고있으면합격 alt 속성이 " 창 "," 윈도 ","window" 등의문자열을포함하고있으면합격 이외의경우는불합격 onclick = window.open( ) 있을때 winodw.open() 의파라메터값중 "_blank", "_self", "_parent", "_top" 중의하나를포함하고있으면합격 점검방법 <input> 태그의 id="..." 속성값이 label for = "..." 로선언되었으면합격 <input> 태그의 title 속성을제공하면합격 (id제공시에도 title 우선적용 ) <input> 태그의 title 속성을제공하나빈문자열이면불합격 ( 제공하지않은것으로간주 ) <label><input.../></label> 과같이 label 태그내에 input 태그를포함시킨암묵적방법은합격 이외의경우불합격 평가제외대상 <input type = "submit" > <input type = "reset" > <input type = "hidden" > <input type = "image" > Watch1.0 사용설명서 60 Watch1.0 사용설명서 61

33 <input type = "button" > 인경우는검사대상이아님 이외의경우불합격 참고사항 : 레이블또는 title 속성이정확한지에대한점검은반드시전문가로하여금평가해야합니다. 규칙 5-2. <textarea> 요소에레이블또는 title 제공여부 - 레이블또는 title의정확성여부는판단하지않음 <textarea> 태그의 id="..." 속성값이 label for = "..." 로선언되었으면합격 <textarea> 태그의 title 속성을제공하면합격 (id제공시에도 title 우선적용 ) <textarea> 태그의 title 속성을제공하나빈문자열이면불합격 ( 제공하지않은것으로간주 ) <label><input.../></label> 과같이 label 태그내에 input 태그를포함시킨암묵적방법은합격 이외의경우불합격 참고사항 : Watch1.0로레이블제공진단하였을경우에오류가발견되지않았다고해서해당웹페이지의레이블접근성을만족한다는의미는아닙니다. 이프로그램에서진단하는것은 ' 레이블을제공하기위한최소한의프로그램코딩기준을만족하고있으냐 ' 여부입니다. 정확한접근성평가를위해서는프로그램코딩기준을만족해야할분아니라제공된레이블의정확성여부, 의미전달여부등에관한사항도만족해야합니다 마크업오류방지점검규칙 6은마크업언어의요소중열고닫음, 중첩관계, 속성선언을문법에맞게준수하고있는가를점검하기위한것입니다. 대상요소및점검규칙은다음과같습니다. 참고사항 : 레이블또는 title 속성이정확한지에대한점검은반드시전문가로하여금평가해야합니다. 규칙 6-1. 아이디중복선언 한페이지에서동일한아이디를중복사용하면오류규칙 6-2. 속성이름선언 규칙 5-3. <select> 요소에레이블또는 title 제공여부 - 레이블또는 title의정확성여부는판단하지않음 <select> 태그의 id="..." 속성값이 label for = "..." 로선언되었으면합격 <select> 태그의 title 속성을제공하면합격 (id제공시에도 title 우선적용 ) <select> 태그의 title 속성을제공하나빈문자열이면불합격 ( 제공하지않은것으로간주 ) <label><input.../></label> 과같이 label 태그내에 input 태그를포 한페이지에서속성이름을중복사용하면오류규칙 6-3. 태그열고닫음 태그열고닫음이일치하지않으면오류규칙 6-4. 닫는태그누락 여는태그에대한닫는태그가없으면오류규칙 6-5. 여는태그누락 닫는태그에대한여는태그가없으면오류규칙 6-6. 태그의정확한중첩관계 태그의열고닫는순서의중첩관계가엇갈리면오류 함시킨암묵적방법은합격 참고사항 : 오류목록 ( 점검결과 ) 에는규칙 6-1 ( 여는태그와닫는태 Watch1.0 사용설명서 62 Watch1.0 사용설명서 63

34 그의정확한사용오류 ) 로표시됩니다. 이는 W3C Validator 에서도동 일합니다. Watch1.0 에서는 W3C DTD 형식에따른태그의열고닫음관계를확인 할수있도록그기능이확장되었습니다. 적용하는 DTD 형식은다음과 같습니다. DTD 유형 HTML4.01 Strict HTML4.01 Transitional HTML4.01 Frameset XHTML1.0 Strict XHTML1.0 Transitional XHTML1.0 Frameset XHTML1.1 HTML5 선언문 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML " 4.01//EN" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <!DOCTYPE html> Watch1.0 은상기표에보인 DTD 유형외에도유사한 DTD 유형 (XHTML Basic 1.0, XHTML Basic 1.1 등 ) 을처리할수있습니다. 또한 MathML 등 과같은특수한 DTD 유형은 XML 유형에준하여처리됩니다. 참고사항 : Watch1.0 프로그램은웹소스에 html 태그가아닌단어나문 장에 '<' 를사용하였을경우에는마크업오류로간주합니다. 웹페이지 에서는마크업태그가아닌경우에 '<' 기호를사용할수없습니다. 이기호를사용하려면반드시대응하는 ESC 코드인 '& lt;' 를대신사용 해야합니다. Ⅹ. 전자정부서비스웹호환성지침 표준 (X)HTML 문법준수여부 (30점) 진단기준 : W3C Markup Validator에서출력된오류를 < 심각 >, < 위험 >, < 보통 > 으로나누어다음과같이평가함 - 심각 : 1개이상의오류발생시해당지표 (1-1) 전체점수를 0점처리 - 위험 : 1개발생시마다 3점감점 - 보통 : 1개발생시마다 1점감점 - 경고 : 감점없음 진단방법 : W3C Markup Validator 표준 CSS 문법준수여부 (20점) 진단기준 : W3C CSS Validator에서출력된오류를 < 심각 >, < 위험 >, < 보통 > 으로나누어다음과같이평가함 - 심각 : 1개이상의오류발생시해당지표 (1-2) 전체점수를 0점처리 - 위험 : 1개발생시마다 3점감점 - 보통 : 1개발생시마다 1점감점 - 경고 : 감점없음 진단방법 : W3C CSS Validator 기능과와동일 Watch1.0 사용설명서 64 Watch1.0 사용설명서 65

35 부록 A. W3C Markup Validator 오류목록 l 오류분류기준 139: non SGML character number X ( 비 SGML 문자수 X) 187: no document type declaration; will parse without validation ( 문서타입선언없음 - 유효성검증없이파싱함 ) 심각 : 문서해석 (parsing) 에대한정보가없거나문서전체를해석하는데심각한오류가발생할수있는경우위험 : 문서의일부요소와속성을해석하는데오류가발생할수있는경우 323: DTD did not contain element declaration for document type name (DTD 에문서타입의이름을위한요소선언이포함되어있지않음 ) 344: no document type declaration; implying X (DTD 없음 ) 보통 : 문법적으로는오류이지만브라우저의오류방지기능으로보완될수있는경우 378: no system id specified ( 시스템 ID 미지정 ) l 심각 오류목록 387: S separator in comment declaration ( 주석선언의분리기 ) 28: unterminated comment: found end of entity inside comment ( 종결되지않은주석 : 주석내부에서엔티티의끝발견 ) 410: reference to non-sgml character ( 비 SGML 문자에대한참조 ) 38: literal is missing closing delimiter ( 리터럴의구분자를닫지않음 ) l 위험 오류목록 42: unknown declaration type X ( 타입 X 에대한알려지지않은선언 ) 64: document type does not allow element X here ( 문서타입이현재위치에서요소 X 를허용하지않음 ) 47: end of document in prolog ( 프롤로그에서문장의끝 ) 120: normalized length of attribute value literal must not exceed LITLEN (X); length was Y ( 속성값리터럴의표준길이가 LITLEN (X) 를초과할수없음. 길이는 Y) 137: invalid comment declaration: found character X outside comment but inside comment declaration ( 부적절한주석선언 : 주석선언안이지만주석바깥에서문자 X 가발견됨 ) 65: document type does not allow element X here; missing one of Y start-tag ( 문서타입이현재위치에서요소 X 를허용하지않음 ; Y 시작태그중하나를빠뜨림 ) 68: end tag for X omitted, but its declaration does not permit this (X 를위한끝태그가누락되었으나, 그것의선언은이것을허용하고있지않음 ) 70: end tag for X omitted, but OMITTAG NO was specified (X 를위한끝태그가누락되었으나, OMITTAG NO 는지정됨 ) Watch1.0 사용설명서 66 Watch1.0 사용설명서 67

36 73: end tag for X which is not finished ( 종료되지않은 X 를위한끝태그 ) 246: unclosed start-tag requires SHORTTAG YES ( 종결되지않은시작태그는 SHORTTAG YES 를요구함 ) 76: element X undefined ( 요소 X 미정의 ) 247: NET-enabling start-tag requires SHORTTAG YES (NET- 가능시작태그는 SHORTTAG YES 를요구함 ) 79: end tag for element X which is not open ( 열려있지않은요소 X 를위한끝태그 ) 248: unclosed end-tag requires SHORTTAG YES ( 종결되지않은끝태그는 SHORTTAG YES 를요구함 ) 108: there is no attribute X ( 속성 X 가없음 ) 333: empty start-tag ( 빈시작태그 ) 112: duplicate specification of attribute X ( 속성 X 의중복된지정 ) 334: empty end-tag ( 빈끝태그 ) 121: syntax of attribute value does not conform to declared value ( 속성값의구문이선언된값과일치하지않음 ) 122: character X is not allowed in the value of attribute Y ( 문자 X 가속성 Y 의값으로허용되지않음 ) 123: value of attribute X must be a single token ( 속성 X 의값이반드시하나의토큰이되어야함 ) 124: value of attribute Y invalid: X cannot start a number token ( 속성 Y 의값이부적절 : X 는숫자토큰을시작할수없음 ) 125: value of attribute Y invalid: X cannot start a name ( 속성 Y 의값이부적절 : X 는이름을시작할수없음 ) 127: required attribute X not specified ( 필수속성 X 미지정 ) 407: NET-enabling start-tag not immediately followed by null end-tag (NET- 가능시작태그는 null 끝태그가바로따라오면안됨 ) l 보통 오류목록 25: general entity X not defined and no default entity ( 일반개체 X 가정의되지않았고, 기본개체가아닐경우 ) 63: character data is not allowed here ( 문자데이터가여기서는허용되지않음 ) 82: an attribute value must be a literal unless it contains only name characters ( 단지이름문자가포함할경우외에는속성값은리터럴이되어야함 ) 131: value of attribute Y cannot be X; must be one of Z ( 속성 Y 의값이 X 가될수없음 ; 반드시 Z 중의하나이어야함 ) 141: ID X already defined (ID X 가이미정의되어있음 ) 183: reference to non-existent ID X ( 존재하지않는 ID X 를참조 ) 105: an attribute specification must start with a name or name token ( 속성명세는이름또는이름토큰을사용하여시작하여야함 ) 107: the name and VI delimiter can be omitted from an attribute specification only if SHORTTAG YES is specified ( 이름과 VI 구분자 (=) 는 SHORTTAG YES 가정의되었을때만속성명세로부터생략될수있음 ) Watch1.0 사용설명서 68 Watch1.0 사용설명서 69

37 111: an attribute value literal can occur in an attribute specification list only after a VI delimiter ( 속성값리터럴은 VI 구분기호 (=) 뒤에속성명세리스트내에서만발생할수있음 ) 부록 B. W3C CSS Validator 오류목록 l 오류분류기준 325: reference to entity X for which no system identifier could be generated ( 생성되어지는시스템식별자가없는개체 X 를참조한경우 ) 심각 : 문서전체를해석하는데심각한오류가발생할수있는경우위험 : 유효하지않은속성이나속성값을사용해서선언이누락될수 338: cannot generate system identifier for general entity X ( 일반개체 X 에대한시스템식별자를생성할수없을경우 ) 394: reference not terminated by REFC delimiter (REFC 구분자 (&) 에의해서종료되지않은참조 ) 있는경우보통 : 특정미디어나특정환경에서만발생하는오류인경우 403: reference to external entity in attribute value ( 속성값내에서외부개체를참조한경우 ) 404: character X is the first character of a delimiter but occurred as data ( 문자 X 가구분자의첫번째문자이나데이터로써발생된경우 ) 이목록에포함되지않는오류는모두 보통 으로분류함 HTML5 의경우에는 월현재 W3C 의표준작업이종료되지않아오류목록이확정되지않았음. 따라서모두 보통 으로분류함 l 심각 오류목록 generator.unrecognize: Parse Error ( 구문분석오류 ) generator.dontmixhtml: Parse Error. Style sheets should not include HTML syntax ( 구문분석오류. 스타일시트가 HTML 문법을포함하지않음 ) parser.semi-colon: attempt to find a semi-colon before the property name. add it ( 속성이름전에세미콜론을찾기위해시도함 ) parser.unknown-dimension: Unknown dimension ( 알려지지않은차원 ) parser.charset: rule may only occur at the start of the style sheet. Please check that there are no spaces before it (@charset 규칙은단지스타일시트의시작할때작성하는데, 공간이있으면오류로분류될수있기때문에앞에공간이있는지를검사해야함 ) l 위험 오류목록 Watch1.0 사용설명서 70 Watch1.0 사용설명서 71

38 error.invalid-color: Invalid RGB function ( 잘못된 RGB 함수 ) error.operator: %s is an incorrect operator (%s 은 ( 는 ) 잘못된연산자임 ) error.negative-value: %s negative values are not allowed (%s 의음수값은허용되지않음 ) error.few-value: too few values for the property %s ( 속성 %s 에대해매우부족한개수의값 ) error.value: %s is not a %s value (%s 은 %s 의값이아님 ) error.integer: This number should be an integer ( 이번호는정수이어야함 ) error.comma: Missing comma separator ( 콤마구별자를빠뜨림 ) error.percent: %s is an incorrect percentage (%s 은 ( 는 ) 잘못된백분율임 ) error.string: %s is an incorrect string (%s 은 ( 는 ) 잘못된문자열임 ) error.url: %s is an incorrect URL (%s 은 ( 는 ) 잘못된 URL 임 ) error.percentage: percentage value expected ( 예상백분율값 ) error.shape: Invalid shape definition rect(<top>, <right>, <bottom>, <left>) ( 잘못된모양정의 rect (<top>, <right>, <bottom>, <left>)) error.shape-separator: Invalid separator in shape definition. It must be a comma ( 모양정의에잘못된분리. 그것은콤마 (,) 이어야함 ) error.attr: Invalid attr definition attr(x) ( 잘못된 attr 정의 attr (X)) error.function: Invalid function definition ( 잘못된함수정의 ) error.counter: Invalid counter definition counter(<identifier>[, <list-sty le-type>]?) ( 잘못된카운터정의카운터 (<identifier>[,<list-style-type>]?)) error.counters: Invalid counters definition counters(<identifier>,<str ing>[,<list-style-type>]?) ( 잘못된카운터정의카운터 (<identifier>,<string>[,<list-sty le-type>]?)) error.format: Invalid format definition format(<string>[,<string>]*) ( 잘못된형식정의형식 (<string>[,<string>]*)) error.local: Invalid format definition local(<string> <ident>+) ( 잘못된형식을정의로컬 (<string> <ident>+)) error.unit: %s is an incorrect unit (%s 은 ( 는 ) 잘못된단위임 ) error.rgb: %s is not a valid color 3 or 6 hexadecimals numbers (%s 은유효한 3 또는 6 16 진수숫자가아님 ) error.zero: only 0 can be a %s. You must put a unit after your number (0 만이 %s 일수있음. 숫자뒤에반드시단위를삽입해야함 ) error.noexistence-at-all: Property %s doesn't exist ( 속성 %s 은존재하지않음 ) error.unrecognize: Too many values or values are not recognized ( 값이너무많거나인식되지되지않은값들 ) error.pseudo-element: The pseudo-element :%s can't appear here in the context %s ( 의사 - 요소 %s 은문맥 % 에서이곳에나타날수없음 ) error.pseudo-class: The pseudo-class.%s can't appear here in the HTML context %s ( 의사 - 클래스 %s 는 HTML 문맥 %s 에서이곳에나타날수없음 ) error.pseudo: Unknown pseudo-element or pseudo-class %s ( 알수없는의사요소또는의사클래스 %s) error.id: ID selector #%s is invalid! Only one ID selector can be specified in a simple selector: %s (ID 선택자 #%s 은유효하지않음! 단하나의 ID 선택은단순선택자 %s 에서지정될수있음 ) Watch1.0 사용설명서 72 Watch1.0 사용설명서 73

39 error.space: If the attribute selector ~= is used, the word in the value %s must not contain spaces ( 만일속성선택자 ~= 이사용되는경우, 값 %s 에있는단어는공백이없어야함 ) parser.old_class: In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in") In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units) To make ".%s" a valid class, CSS2 requires the first digit to be escaped ".\3%s (CSS1 에서는클래스이름 ("0.55 인치 ") 정의하지않는한 ("0.55 피트 ") 숫자로시작수있음. CSS2 에서는그러한클레스를위해알수없는크기 ( 새로운단위의미래추가를허용하도록 ) 로해석됨. ".%s" 유효한클래스를지정하기위해서 CSS2 가탈출하도록첫번째숫자가필요함. ".\3%s") parser.old_id: In CSS1, an id name could start with a digit ("#55ft"), unless it was a dimension ("#55in") In CSS2, such ids are parsed as unknown dimensions (to allow for future additions of new units) (CSS1 에서는 ID 이름이 ( "#55 인치 ") 정의하지않는한 ("#55 피트 ") 숫자로시작수있음. CSS2 에서는그러한 ID 를 ( 새로운단위의미래추가를허용하도록 ) 알수없는정의로해석됨 ) error.same-value: %s appears twice (%s가두번나옴 ) error.generic-family.quote: Generic family names are keywords, and therefore must not be quoted ( 제네릭패밀리명은키워드여야하고따옴표로감싸지않아야함 ) error.degree: Position must be described in terms of degrees ( 위치값은각도로기술되어야함 ) error.elevation.range: Specifies the elevation as an angle, between '-90deg' and '90deg' (-90 도와 90 도사이의각도로표기되어야함 ) error.range: The value is out of range. This value must be between '0' and '100' ( 값이 0 과 100 사이에있어야함 ) error.angle: %s is not a valid angle. Value should be between 0 and 360 (%s 는유효한각이아님, 0 과 360 사이에있어야함 ) error.noexistence-media: Property %s doesn't exist for media %s (%s 속성은 %s 미디어에정의되지않았음 ) error.noexistence: Property %s doesn't exist in %s but exists in %s (%s 속성은 %s 미디어에정의되지않았고 %s 에존재함 ) l 보통 오류목록 error.at-rule: Sorry, the at-rule %s is not implemented (at-rule 이구현되지않았음 ) error.groupname: %s is not a correct groupname. Use a valid identifier (%s 는유효한그룹명이아님, 유효한식별자를사용해야함 ) error.nogroup: %s has not been set by the toggle-group property (%s 가토글 - 그룹속성에의해서성정되지않았음 ) error.anglevalue: Value must be between -360 and 360 and be divisable by 90 ( 값은 360 과 360 사이여야하고 90 으로나눌수있어야함 ) error.noatruleyet: are not supported by CSS1 %s (CSS1 %s 를지원하지않음 ) error.notforcss1: Value %s does not exist for CSS1 (CSS1 에 %s 가존재하지않음 ) error.unknown: Unknown error ( 알수없는오류 ) error.todo : Sorry the feature %s is not implemented yet (%s 가아직구현되지않았음 ) error.incompatible: %s and %s are incompatible (%s 와 %s 가호환되지않음 ) error.notformobile: %s can not be used with mobile profile (%s 는모바일프로파일에서사용될수없음 ) Watch1.0 사용설명서 74 Watch1.0 사용설명서 75

40 error.notforatsc: %s can not be used with ATSC profile (%s 는 ATSC 프로파일에서사용될수없음 ) error.notfortv: %s can not be used with TV profile (%s 는 TV 프로파일에서사용될수없음 ) error.notversion: %s can not be used with this version of CSS : %s (%s 는 CSS: %s 버전에서사용될수없음 ) error.media: unrecognized media %s ( 인식할수없는미디어 %s) 문법을사용함 은하나의공란, 따옴표안의인코딩, 세미콜론을순으로나와야함 ) rules can not be used in CSS1 (@charset 선언은 CSS1 에서사용할수없음 ) parser.attrcss1: Attribute selectors are invalid in CSS1 ( 속성선택자는 CSS1 에서유효하지않음 ) 이목록에포함되지않은오류는모두 보통 으로분류함. error.page: unrecognized pseudo named page %s ( 인식할수없는의사이름페이지 %s) error.unrecognized.link: Unrecognized link element or xml-stylesheet PI ( 알수없는링크나 xml-stylesheet PI) error.onlyatsc: %s this function is only for the atsc-tv medium (%s 기능은 atsc-tv 미디어만을위한기능임 ) error.nocomb: Combinator %s between selectors is not allowed in this profile or version, 이프로파일과버전에서는선택자사이의 %s 조합은사용할수없음 ) error.two-lengths: A shadow offset is specified with two <length> values (A blur radius may optionally be specified after the shadow offset.) ( 음영간격은두길이값으로정의되어야함 ( 번진반경은음영간격후에추가될수있음 )) parser.class_dim: In CSS1, a class name can start with a digit (".55ft"), unless it is a dimension (".55in") (CSS1 에서클래스명은넓이인경우 (.55in ) 숫자로시작할수있음 (.55ft )) parser.id_dim: In CSS1, an id name can start with a digit ("#55ft"), unless it is a dimension ("#55in") (CSS1 에서 id 명은넓이인경우 ( #55in ) 숫자로시작할수있음 ( #55ft )) parser.charsetspecial: This profile has a very specific followed by exactly one space, followed by the name of the encoding in quotes, followed immediately by a semicolon ( 이프로파일은아 Watch1.0 사용설명서 76 Watch1.0 사용설명서 77

모두 보기

Studuino소프트웨어 설치

Studuino소프트웨어 설치 Studuino 프로그래밍환경 Studuino 소프트웨어설치 본자료는 Studuino 프로그래밍환경설치안내서입니다. Studuino 프로그래밍 환경의갱신에따라추가 / 수정될수있습니다. 목차 1. 소개... 1 2. Windows... 2 2.1. 프로그래밍환경설치... 2 2.1.1. 웹설치버전설치방법... 2 2.2. Studuino 프로그래밍환경실행...