09. 견고성

견고성

- 마크업 오류에 대한 웹 접근성 검사항목을 통하여 마크업 오류의 방지 방법을 알 수 있다.
- 웹 애플리케이션 접근성 준수 제공 방법을 설명할 수 있다.

미리알기

웹 접근성에서의 견고성

견고성

- 사전적 의미 : 굳고 단단한 성질
- 웹 사이트 만들 때 다양한 기술이나 환경에서도 문제 없이 잘 동작하고, 오류 없이 정보를 잘 전달할 수 있도록 만들자는 원칙

웹 접근성 검사에서 충족해야 할 지침

웹 접근성 검사에서 충족해야 할 지침 ( 출처 : 배움나라 )

마크업 오류 방지

가. 마크업 오류 방지의 이해

(1) 마크업 오류의 개념

웹 페이지의 기본이 되는 HTML이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것

마크업 오류의 개념 ( 출처 : 배움나라 )

나. 마크업 오류 방지의 필요성

(1) 목적

마크업 오류 방지의 필요성 - 목적 ( 출처 : 배움나라 )

다. 마크업 오류 방지의 검사항목 해설

검사항목 23.(마크업 오류 방지)
마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 한다.

"상기 항목을 오류없이 제공한 경우 준수한 것으로 인정"

라. 마크업 오류 방지 제공 방법

(1) 오류 유형 분석

(가) 23-1. 태그의 열고 닫음 오류

(가) 23-1. 태그의 열고 닫음 오류 개선 전, 개선 후 ( 출처 : 배움나라 )

오류의 숫자 Vs 오류의 유형

• 문서타입 선언에 따라 문법 검사가 되므로 DTD 선언이 잘 되어 있는지 보고, 오류의 숫자가 많다 하더라도 몇몇 오류를 제거하면 같은 유형의 오류들이 사라지거나 열고 단는 태그들이 순차적으로 밀려서 오류가 한꺼번에 해결되는 경우가 많습니다.
  따라서 오류의 숫자에 연연하는 것보다는 해당 오류유형이 적은가 맣은가가 관건이 된다는 점을 유의해야 합니다.

(나) 23-2. 태그의 중첩 오류

(나) 23-2. 태그의 중첩 오류 개선 전, 개선 후 ( 출처 : 배움나라 )

(다) 23-3. 중복 선언된 속성 오류

(다) 23-3. 중복 선언된 속성 오류 개선 전, 개선 후 ( 출처 : 배움나라 )

(2) 주의 사항 분석

(가) ID값 중복 선언은 오류 유형 23-3에서 심사

(가) ID값 중복 선언은  오류 유형 23-3 에서 심사 ( 출처 : 배움나라 )

 

(나) 위에 언급 된 항목 이외의 표준문법 오류는 포함하지 않음

현재 웹 접근성 품질 인증 심사에서는 표준 문법에서 태그의 열고 닫음, 중첩 오류, 중복 선언된 속성의 3가지에 대해서만 오류로 보겠다는 내용임

3가지 오류에 대한 문법 오류 메시지

3가지 오류에 대한 문법 오류 메시지 ( 출처 : 배움나라 )

(3) 요소별 오류 메시지와 개선 방법

(가) <a>요소 여는 태그 미 제공

(가) <a>요소 여는 태그 미 제공 개선 전 ( 출처 : 배움나라 )

(가) <a>요소 여는 태그 미 제공 개선 후 ( 출처 : 배움나라 )

 

(나) <ul>요소 여는 태그 미 제공

(나) <ul>요소 여는 태그 미 제공 개선 전 ( 출처 : 배움나라 )

(나) <ul>요소 여는 태그 미 제공 개선 후 ( 출처 : 배움나라 )

 

(다) <div>요소 여는 태그 미 제공

(다) <div>요소 여는 태그 미 제공 개선 전 ( 출처 : 배움나라 )

(다) <div>요소 여는 태그 미 제공 오류메시지 ( 출처 : 배움나라 )

(다) <div>요소 여는 태그 미 제공 개선 후 ( 출처 : 배움나라 )

 

(라) <a>요소 여는 태그 미 제공

(라) <a>요소 여는 태그 미 제공 개선 전 / 오류 메시지 ( 출처 : 배움나라 )

(라) <a>요소 여는 태그 미 제공 개선 후 ( 출처 : 배움나라 )

(라) <strong>요소 여는 태그 미 제공

(라) <strong>요소 여는 태그 미 제공 개선 전 / 오류 메시지 ( 출처 : 배움나라 )

 

(라) <strong>요소 여는 태그 미 제공 개선 후 ( 출처 : 배움나라 )

 

(바) 중첩 오류 발생 사례

(바) 중첩 오류 발생 사례 개선 전 ( 출처 : 배움나라 )

(바) 중첩 오류 발생 사례 오류 메시지 ( 출처 : 배움나라 )

(바) 중첩 오류 발생 사례 개선 후 ( 출처 : 배움나라 )

 

(사) 중복된 속성 사용 사례

(사) 중복된 속성 사용 사례 개선 전 / 오류 메시지 ( 출처 : 배움나라 )

(사) 중복된 속성 사용 사례 개선 후 ( 출처 : 배움나라 )

 

(아) 중복된 속성 값 사용 사례

(아) 중복된 속성 값 사용 사례 개선 전 ( 출처 : 배움나라 )

(아) 중복된 속성 값 사용 사례 오류 메시지 ( 출처 : 배움나라 )

 

(아) 중복된 속성 값 사용 사례 개선 후 ( 출처 : 배움나라 )

웹 애플리케이션 접근성

가. 웹 애플리케이션 접근성 준수의 이해

(1) 웹 애플리케이션 접근성 준수의 개념

웹 애플리케이션은 웹 콘텐츠에 포함되어 특정한 기능을 수행하도록 구성된 애플리케이션을 말함

웹 애플리케이션 접근성 준수의 개념 ( 출처 : 배움나라 )

"검사 항목 1~23번 항목을 준수한 경우"

나. 웹 애플리케이션 접근성 준수의 필요성

(1) 목적

웹 애플리케이션 접근성 준수의 필요성 - 목적 ( 출처 : 배움나라 )

"모든 형태의 콘텐츠에서 차별없이 이용"

다. 웹 애플리케이션 접근성 준수의 검사항목 해설

검사항목 24.(웹 애플리케이션 접근성 준수)
콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 한다.

웹 애플리케이션 접근성 준수의 검사항목 해설 ( 출처 : 배움나라 )

"웹 애플리케이션의 자체 접근성을 준수하여 제공한 경우 준수한 것으로 인정"

라. 웹 애플리케이션 접근성 준수 제공 방법

(1) 오류 유형 분석

(가) 24-1. 웹 애플리케이션이 자체적인 접근성이 없으며 대체 콘텐츠가 존재하지 않는 경우

(가) 24-1. 웹 애플리케이션이 자체적인 접근성이 없으며 대체 콘텐츠가 존재하지 않는 경우 개선 전 ( 출처 : 배움나라 )

(가) 24-1. 웹 애플리케이션이 자체적인 접근성이 없으며 대체 콘텐츠가 존재하지 않는 경우 개선 후 ( 출처 : 배움나라 )

 

[Tip] 웹 애플리케이션 대체수단

웹 애플리케이션 대체수단 ( 출처 : 배움나라 )

(나) 24-1. 대체 콘텐츠를 제공했지만 핵심기능을 동등하게 제공하지 못한 경우

(나) 24-1. 대체 콘텐츠를 제공했지만 핵심기능을 동등하게 제공하지 못한 경우 ( 출처 : 배움나라 )

"동등하게 제공하지 못한 경우"

(2) 주의 사항 분석

(가) 자바스크립트 미지원 환경에서는 평가하지 않음

(가) 자바스크립트 미지원 환경에서는 평가하지 않음 ( 출처 : 배움나라 )

"자체적인 접근성 중심으로 검사"

"지원환경을 제거하여 평가하지 않음"

(나) 웹 애플리케이션에 대한 자체 접근성은 각 검사항목에서 평가

(나) 웹 애플리케이션에 대한 자체 접근성은 각 검사항목에서 평가 ( 출처 : 배움나라 )

 

학습정리

마크업 오류 방지

• 태그를 열었다면 반드시 닫아주어서 오류를 방지함
• 태그를 중첩되도록 제공하지 않음
• 태그의 중복
• 속성의 중복으로 기능의 오류를 일으키지 않음
• 열고 닫음, 중첩 오류, 속성 중복에 대한 주요 오류 메시지
• end tag for
• duplicate specification of attribute
• already defined

웹 애플리케이션 접근성

• 플래시, 실버라이트, 자바 애플릿 등 웹 애플리케이션에 대해서 자체 접근성이 필요
  • 자체 접근성 : 한국형 웹 콘텐츠 접근성 지침 2.1의 1-23번 항목 준수
• 기술적 제약 등 웹 애플리케이션의 자체 접근성 준수가 어려운 경우
  • 대체 콘텐츠 및 대체 수단 제공