[웹접근성 지침-일반기술 G134] 웹페이지 유효성 검사

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G134.html

---

유효성 검사를 통해 웹문서가 올바르게 작성되었는지를 확인해야 합니다.

---

기술설명

이 기술의 목적은 웹 페이지의 모호성을 방지하기 위한 것입니다. 즉 웹 페이지의 코드가 이상이 없는지 문서의 규격에 적한지 등에 대한 검사를 하는 것입니다.

'기술'과 '기술 버전을 지정하는 각각의 기술 원리'가 사용되며, 웹 페이지는 해당 기술의 '공식적 사양'에 따라 검증됩니다.

만약 해당 기술이 제공된다면, 개발자는 해당 기술을 사용하여 검사 할 수 있습니다.

 

검증의 필수 단계에서는 마크업(마크업 언어) 또는 코드(다른 기술)가 올바르게 사용되었는지를 확인하기 때문에 모호성을 제거 할 수 있습니다.

검증이 사양에 완전히 적합한지를 알 수는 없습니다. 하지만 사용에 부합하는 콘텐츠를 자동으로 혹인하는 가장 좋은 방법인 것은 맞습니다.

 

 

예시

[예시1] HTML 유효성 검사

HTML 페이지에서 문서 유형(!DOCTYPE)을 선언 합니다. 선언한 유형은 HTML 버전을 말합니다.

개발자는 온라인 또는 오프라인 검증기술을 이용하여 해당 HTML 문서의 유효성을 확인 할 수 있습니다.

 

[예시2] XML 휴효성 검사

XHTML, SVG, SMIL 등의 XML문서는 'DTD(Document Type Definition)' 또는 다른 유형의 'XML스키마'로 문서를 선언합니다. 온라인 또는 오프라인 검증기술을 사용하여 해당 XML 문서의 유효성을 확인 할 수 있습니다.

 

[예시3] Ant를 이용한 배치 검증

Apache Ant의 작업은 다음과 같은 용도로 사용됩니다.

Apache Ant의 'xmlvalidate' 작업은 XML파일의 유효성을 일괄적으로 할 수 있습니다.

아래 예제는 Apache Ant가 'devWeb'폴더 안에 확장자 '.xml'인 파일에 대한 유효성을 검증하는 것입니다.

<target name="validate-xml"> 
    <xmlvalidate lenient="no"> 
        <fileset dir="dev/web" includes="*.xml" /> 
    </xmlvalidate> 
</target>

 

 

자료

-문서 유형 선언 https://www.w3.org/QA/Tips/Doctype

-DTD 권장 사항 https://www.w3.org/QA/2002/04/valid-dtd-list.html

-코드의 유효성 검사 http://www.chami.com/html-kit/faq/pages/validate_tools.html

 

HTML 및 XHTML 유효성 검사

-W3C에서 제공하는 유효성 검사 https://validator.w3.org/

-W3C에서 제공하는 유효성 검사에 대한 서비스 설명 https://validator.w3.org/docs/install.html

-오프라인 검사 https://igor.podlubny.website.tuke.sk/ov.html

-DIY 오프라인 HTML 검사기 http://ktmatu.com/info/do-it-yourself-offline-html-validator/

-W3C 마크업 유효성 검사 서비스로 HTML의 유효성을 검사할 수 있을까? http://www.chami.com/html-kit/faq/pages/w3c_markup_validator.html

-HTML/XML 검사기 https://validator.aborla.net/

-올바른 DOCTYPE 작성방법 https://alistapart.com/article/doctype/

-드림워버로 XHTML생성하는 방법 https://alistapart.com/article/dreamweaver/

-‘프론트페이지 2003’ 및 ‘Visual Studio .NET’용 XHTML 스키마 사용방법 https://schneegans.de/frontpage/xhtml-schema/

-NVU 오픈소스 웹 작성도구(무료) https://www.nvu.com/anfy

-Amaya 오픈소스 웹 작성도구(무료) https://www.w3.org/Amaya/

-브라우저에 설치하는 유효성검사 서비스 https://chrispederick.com/work/web-developer/

 

XHTML 유효성 검사

-XML 유효성 검사기 http://www.javaview.de/validator/

-XMLValidate https://ant.apache.org/manual/Tasks/xmlvalidate.html

-XML Schema Validator https://schneegans.de/sv/

-XML 스키마 유효성 검사 https://www.corefiling.com/opensource/schemaValidate/

 

 

기타 도구

-jEdit 프로그램 편집기, 플러그인으로 유효성 검사 https://www.jedit.org/

-ECLIPSE 웹용 도구 https://www.eclipse.org/

-Jaxe 유효성 검사하는 XML편집기 https://sourceforge.net/projects/jaxe/

-RELAX NG를 지원하는 XML편집기 https://www.xmloperator.net/

 

  

점검절차

HTML, SGML기반의 XML 기반의 기술이 있는 경우

1. 각 페이지 또는 문서를 유효성 검사 분석기에 불러들입니다.

2. 유효성 검사를 하여 오류가 있는지 확인합니다.

 

 

---

 

나의 정리

HTML 및 XML같은 웹 문서의 경우 마크업 언어를 이용하여 만들어 집니다.

이 경우 각 요소의 오타나 포함관계가 잘못된 경우, 기본적으로 지켜야 하는 문서 양식을 지키지 못한 경우, 문서가 올바르게 보이지 않거나 웹에서 해당 문서를 잘못 이해하는 경우가 생깁니다. (이런 경우를 모호성(ambiguities)하다고 말합니다.)

이런 문제를 방지하기 위해 해당 문서가 이상이 없는지를 검사해야 합니다.

이런 검사를 '유효성 검사(Validating)'라고 합니다.

이런 검사는 도구(tool)를 이용하여 자동으로 검사할 수 있습니다. 편집기의 기능으로 제공되기도 하며 웹사이트에서 서비스로 제공되기도 합니다.

대표적인 서비스가 [W3C(https://validator.w3.org/)]와 [차세대웹기술지원센터(https://www.koreanextweb.kr/)] 입니다.

이런 자동검사가 100% 모든 부분을 찾아내는 것은 아니지만 자동으로 많은 문서를 빠르게 검사 할 수 있기 때문에 무척 유용합니다.

  

유효성 검사를 통해 웹문서가 올바르게 작성되었는지를 확인해야 합니다.

---

 

G134: Validating Web pages

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G134.html

G134: Validating Web pages | Techniques for WCAG 2.0

 

---

독학으로 힘들어 하시는 분들을 위해 과외를 준비 했습니다. 

2024년 11월 한 달간 맞춤형 과외를 할 예정입니다.
입문자 분들의 참여 부탁드립니다.
교육과정은 인터뷰 후에 맞춤으로 진행할 예정입니다. 

참여하기: https://blog.naver.com/redoxup/223601934677

[조립]에서 2024년 11월 한 달 무료 과외(HTML/CSS/jQuery)를 합니다. - 과외 신청하세요!!