본문 바로가기

웹접근성지침(WCAG2.0)

[G10] 브라우저 내의 플랫폼은 '접근성 API' 기능이 지원되도록 만들어야 합니다.

728x90

 

원문:https://www.w3.org/TR/WCAG20-TECHS/G10.html

 


HTML이 아닌 다른 프로그래밍 언어로 웹 콘텐츠를 만드는 경우, 보조 기술이 인식 할 수 있는 UI로 만들어야 합니다. 


기술설명

이 기술의 목적은 '스크린 리더' 같은 '보조 기술'이 웹 페이지의 콘텐츠를 이해할 수 있게 만들어 장애인과 비장애인이 동등한 정보를 제공 받을 수 있게 하는 것입니다. 


웹 콘텐츠가 꼭 HTML로만 만들어지지 않습니다. 여러 프로그램 언어나 특정 툴로도 만들 수 있습니다.

프로그램 언어나 특정 툴로 만들어 졌어도 '보조 기술'이 인식 할수 있도록 만들어야 합니다.  


만약 개발자가 '보조 기술'이 인식할 수 있는 표준 구성을 따르지 않고 새로운 UI 방식으로 만들어야 한다면, '보조 기술'이 인식할 수 있는 구성으로 만들어야 합니다.
만든 후에는 '보조 기술'이 인식하는지 접근성 테스트를 해야 합니다.

* 접근성 API: 장애가 있는 사용자들도 컴퓨터나 모바일 기기를 쉽게 사용할 수 있게 해주는 기술을 말합니다.

 

 

예시

Java라는 프로그램 언어를 이용하여 웹페이지를 만들었습니다.

개발자는 이전의 Java 객체를 사용하고 싶지 않아서 새로운 형태의 인터페이스를 만들려고 합니다.
Java라는 프로그램 언어에서는 '자바 스윙클래스(Java swing classes)'라는 것을 이용하면 다양한 '보조과학기술'과 연결시킬 수 있게 하는 기능이 있습니다. 개발자는 자바 스윙클래스를 이용하여 인터페이스 구성요소를 만들 수 있습니다. 인터페이스의 이름과 역할을 지정하여 AT에 설정하면 됩니다. 그리고 AT에 업데이트가 있으면 그것을 알려주는 인터페이스 구성 요소를 만들 수 있습니다.


 
C++프로그래밍 언어를 이용하여 웹페이지에 ActiveX 컨트롤러를 삽입하기도 합니다.

ActiveX 컨트롤러는 MSAA(Microsoft Active Accessibility) API를 지원하며 수락 명령에 대한 정보를 노출하도록 되어있습니다. ActiveX 컨트롤러는 MSAA를 지원하는 시스템에 사용자가 브라우저에서 실행하는 보고 기술과 직접 상호 작용하도록 합니다.

 

 

 

관련기술

H91: HTML 양식 컨트롤 및 링크 사용

 

 

점검절차

1. 사용자가 브라우저를 이용하여 해당 콘텐츠가 있는 웹 사이트에 접근합니다.

2. 사용자가 '접근성 API(accessibility API)'로 설계된 접근성 도구를 이용하여 모든 구성 요소를 확인합니다.

3. 접근성 도구가 각 구성 요소의 이름과 역할을 맡게 인식하는지 확인합니다.

4. 구성요소의 값을 변경해 봅니다.

5. 접근성 도구가 변경된 값을 알려주는지 확인합니다.

6. 모든 요소가 '보조 기술'과 함께 작동 되는지 확인합니다.

 


https://link.coupang.com/a/cl4UpZ

 

Do it! HTML + CSS + 자바스크립트 웹 표준의 정석: 한 권으로 끝내는 웹 기본 교과서 전면 개정판 - 프

쿠팡에서 Do it! HTML + CSS + 자바스크립트 웹 표준의 정석: 한 권으로 끝내는 웹 기본 교과서 전면 개정판 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 프로그래밍 언어 제품도 바로 쿠

www.coupang.com

https://link.coupang.com/a/cl4UBK

 

Do it! 인터랙티브 웹 페이지 만들기 - HTML/CSS | 쿠팡

쿠팡에서 Do it! 인터랙티브 웹 페이지 만들기 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 HTML/CSS 제품도 바로 쿠팡에서 확인할 수 있습니다.

www.coupang.com

*이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다. 


 

나의 정리

먼저 '접근성 API'가 무엇인지 알고 가야 합니다.

'접근성 API'는 장애가 있는 사용자들도 컴퓨터나 모바일 기기를 쉽게 사용할 수 있게 해주는 기술로 다음과 같은 역활을 합니다.
- 스크린 리더 같은 보조 기술이 버튼을 인식 할 수 있도록 요소의 이름과 역활을 제공해 줍니다.
- 사용자 요소의 속성을 변경하게 하여 텍스트 크기 등을 제어 할 수 있게 해줍니다.
- 요소가 추가되거나 변경될 때 이를 감지 할 수 있게 도와줍니다.

 

이런  '접근성 API'는 HTML만들어진 웹 콘텐츠를 이해하여 '스크린 리더' 같은 '보조 기구'에게 전달합니다.

그러면 '보조 기구'가 사용자에게 서비스를 제공할 수있게 됩니다.

그런데 웹 콘텐츠가 꼭 HTML로만 만들어지지 는 않습니다. JAVA나 C++같은 프로그래밍 언어나 특정 툴로도 만들 수 있습니다.

 

프로그래밍 언어나 특정 툴로 만들어진 콘텐츠는 '접근성 API'가 인식을 못할 수 있습니다. 

그래서 개발자들은 '접근성 API'가 인식 할 수 있도록 약속된 요소와 속성으로 만들어야 합니다.

하지만 상황에 따라 새로운 방식으로 만들어야 할 때도 있습니다.

그럴 때에는 개발자는 다른 방법으로 '접근성 API'가 인식 할 수 있도록 만들어 주어야 합니다. 그리고 꼭  '접근성 API'가 인식 하는지 검사해야 합니다.


 

G10: Creating components using a technology that supports the accessibility API features of the platforms on which the user agents will be run to expose the names and roles, allow user-ettable properties to be directly set, and provide notification of changes

https://www.w3.org/TR/WCAG20-TECHS/G10.html

 

G10: Creating components using a technology that supports the accessibility API features of the platforms on which the

The objective of this technique is to allow assistive technology to understand Web content so that it can convey equivalent information to the user through an alternate user interface. Sometimes content is not created using markup language but rather using

www.w3.org

 

728x90