본문 바로가기

웹접근성지침(WCAG2.0)

[웹접근성 지침-일반기술 G21] 사용자가 콘텐츠에 갇히지 않도록 해야 한다.

728x90

애플릿(applet) 내에서 포커스가 애플릿영역 밖으로 나올 수 있게 하는 버튼을 만들어주거나 영역 밖으로 나갈수 있는 방법을 설명해 주어야 합니다.

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


기술설명

이 기술의 목정은 '키보드 사용자'가 '마우스나 포인팅 장치를 통해서만 종료할 수 있는 콘텐츠' 안에 갇히지 않게 하는 것입니다.  대부분 플러그인(Plug-in)으로 만들어진 콘텐츠가 이런 문제를 가지고 있습니다.
플러인은 사용자의 브라우저에서 콘텐츠를 가공하고, 플러그인이 포커스(Focus) 되어 있는 동안 발생하는 모든 사용자의 작업에 응답하는 사용자 에이전트(User Agent)입니다.

플러그인은 사용자의 브라우저에서 콘텐츠를 가공합니다. 그리고 플러그인에 포커스 되어 있는 동안 플러그인은 사용자의 모든 요청에 응답합니다. 플러그인이 키보드를 이용하여 포커스를 상위 창으로 되돌리는 기능을 제공하지 않는 다면 '키보드 사용자'는 플러그인에 갇히게 됩니다.

이런 문제는 다음과 같은 기술을 사용하여 사용자가 빠져나올 수 있습니다.

  • 키보드 사용자는 대부분 '탭(tab)'키를 이용하여 포커스를 이동시키는데, 이 포커스가 최종 내비게이션 위치에 도달한 후에 '콘텐츠의 하부영역(=플러그인)'에서 빠져나가는 지를 봐야 합니다.
  • '콘텐츠의 하부영역(=플러그인)'에서 포커스가 빠져나가는 키보드 기능을 제공해야 합니다.
    '하부영역(=플러그인)' 내에서 접근 가능한 방식을 문서화해야 합니다.
  • '콘텐츠의 하부영역(=플러그인)'에서 기본적으로 사용되는 기술은 '상위로 이동(move to parent)'이라는 키보드 명령을 제공하는 것입니다. 이렇게 하면 사용자가 플러그인에 들어가기 전에 '해당 명령 문서'로 인해 빠져나가는 방법을 알 수 있습니다. 

제작자는 키보드로 (플러그인) 콘텐츠를 나올 수 있게 해야 합니다. 그렇지 못할 경우 해당 기술을 사용해서는 안됩니다. 

 

예시

  • 사용자가 '탭(Tab) 키'로 애플릿(Applet)에 들어오지만 탭키로 애플릿을 빠져나올 수 없게 되어 있습니다.
    그래서 애플릿 내에서  '탭(Tab)키'로 순서대로 이동한 후 제일 마지막에서는 포커스(Focus)가 상위 창으로 갈 수 있게 만들어야 합니다.
  • 페이지 내에 '접근성이 지원되지 않는 콘텐츠'가 포함된 경우, 키보드를 통해 '접근성 지원이 가능한 콘텐츠로 초점을 다시 이동시킬 수 있는 지침'을 포함시켜야 합니다.  
    이 지침은 문서와 되어야 하며, 키보드로도 접근이 가능해야 합니다.
  • 웹페이지에서 제공되는 도움말에는 키보드를 통해 접근성이 지원되지 않는 콘텐츠에 접근했을 때, 접근성 지원 콘텐츠로 포커스가 이동되는 방법이 있어야 합니다. 이 도움말은 키보드를 통해 접근할 수 있어야 합니다.

 

점검절차

  1. 콘텐츠를 처음부터 끝까지 탭(Tab)키로 접근합니다.
  2. 키보드 포커스가 콘텐츠에 갇히지 않는지 확인합니다.
  3. 키보드 포커스가 콘텐츠에 갇히는 경우, 콘텐츠 종료 방법을 설명하는 도움말이 있는지, 그 도움말은 키보드로 접근이 가능한지 확인합니다. 

 


나의 정리

플러그인(Plug-in)은 사용자의 브라우저에 추가되는 프로그램으로, 설치 시 브라우저에서는 구현할 수 없었던 여러 가지 기능을 지원한다. 하지만 지금은 보안 문제로 인해 사용하지 않는 방식입니다.

이런 플로그인으로 만들어진 애플릿(applet)은 '스크린 리더'처럼 키보드로 포커스를 이동하여 인지하는 사용자들에게 불편함을 줍니다.
'탭(Tab) 키'를 눌러서 요소들 배열 순서대로 포커스가 이동하는데, 포커스가 애플릿(applet) 영역 안으로 들어가면 나오지를 못합니다. 애플릿(applet) 영역은 '탭(Tab) 키'로 들어올 수는 있지만 밖으로 나갈 수가 없습니다. 이것을 보고 '콘텐츠에 갇혔다.'라고 표현하는 것입니다.

이런 일이 없게 하려면 애플릿(applet) 내에서 포커스가 애플릿(applet) 영역 밖으로 나올 수 있게 하는 버튼을 만들어주거나 영역 밖으로 나갈수 있는 방법을 설명해 주어야 합니다.
또는  애플릿(applet) 영역으로 들어가기 전에 빠져나올 수 있는 방법을 알려주는 도움말이 제공되어야 합니다.

플러그인(Plug-in)은 되도록이면 사용하지 않도록 합니다. 
그리고 웹페이지 제작자나 검수자들은 '탭(Tab)키'를 눌러서 콘텐츠에 갇히는 부분은 없는지 검사해 보아야 합니다.


G21: Ensuring that users are not trapped in content

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

 

G21: Ensuring that users are not trapped in content | Techniques for WCAG 2.0

The objective of this technique is to ensure that keyboard users do not become trapped in a subset of the content that can only be exited using a mouse or pointing device. A common example is content rendered by plug-ins. Plug-ins are user agents that rend

www.w3.org

 

728x90