자동 재생 사운드를 정지하는 버튼은 쉽고 빠르게 찾을 수 있도록 '명확한 레이블'을 제공하고, 페이지 윗부분에 배치해야 합니다.
기술설명
이 기술의 목적은 사용자가 접속한 웹페이지가 로드 될 때, 자동으로 시작되는 사운드를 끌 수 있게 하는 것입니다.
사운드를 끌 수 있는 제어기를 사용자가 쉽고 빠르게 찾을 수 있도록 페이지의 시작 부분에 배치해야 합니다.
이는 '스크린 리더'나 '화면 확대경'등의 보조 기술을 사용하는 사용자들 뿐 만 아니라 인지 및 학습 장애가 있는 사용자들에게도 유용한 기술입니다.
이 기술에서 제작자는 사용자가 자동으로 재생되는 모든 사운드를 끌 수 있는 제어기를 제공해야 합니다.
제어기는 키보드로도 이용 가능해야합니다. 제어기는 사용자가 찾기 쉬운 곳에 위치해야 하며, 재생 중인 사운드를 정지시킨다는 명확한 레이블(label)이 제공되어야 합니다.
예시
[예시1] 웹 페이지에서 잔디 깎는 기계의 엔진을 수리하는 내용의 '애니메이션 비디오'를 '미디어 프레젠테이션'으로 제공하고 있습니다. 이 페이지에는 [일시 중지]와 [중지], 두 개의 버튼이 있습니다.
이 버튼으로 비디오의 재생 시기와 재생 여부를 제어할 수 있습니다.
[예시2] 웹 페이지에서 단편영화를 보여주고 있습니다. 이 페이지에 [영화 일시 중지]라는 버튼이 있습니다.
이 버튼으로 영화를 일시 중지 시킬 수 있습니다.
[예시3] 웹 페이지에서 사운드와 비디오를 제공하는 플래시(Flash)가 프레젠테이션으로 제공되고 있습니다.
이 페이지에 [멀티미디어 끄기]라는 버튼이 있습니다.
이 버튼으로 사용자는 사운드와 오디오 재생을 중지 시킬 수 있습니다.
관련기술
점검절차
1. 웹 페이지를 로드 합니다.
2. 자동으로 재생되는 사운드가 있는지 확인합니다.
3. 사용자가 사운드를 끌 수 있는 제어기가 페이지 시작 부분에서 제공되는지 확인합니다.
나의 정리
배경음악이 자동으로 흘러나오는 웹페이지가 간혹 있습니다. 모든 사용자 들이 이런 서비스를 좋아 하지는 않습니다.
청각이 예민한 사용자, '보조 기술' 사용자, 인지 장애 및 학습 장애가 있는 사용자들의 경우 불편한 서비스 일 수 있습니다.
이런 사용자 분들을 위해 자동으로 재생하는 사운드를 정지 시킬 수 있는 버튼이나 기술을 사용자가 최대한 빠르고 쉽게 찾을 수 있는 곳에 배치해야 합니다. 그래야 사용자가 고통에서 빨리 벗어날 수 있습니다.
이는 사운드에만 해당 되는 것이 아닙니다. '소리 없는 비디오'나 '소리와 영상을 모두 제공하는 멀티미디어' 등 자동으로 재생되는 미디어가 있다면 이를 정지 시키는 버튼이 제공되어야 합니다.
이런 버튼은 사용자가 빠르고 쉽게 찾을 수 있도록 명확한 레이블을 제공해야 하며, 웹 페이지의 윗부분에 배치하도록 합니다.
G170: Providing a control near the beginning of the Web page that turns off sounds that play automatically
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G170.html
G170: Providing a control near the beginning of the Web page that turns off sounds that play automatically | Techniques for WCAG
The intent of this technique is to allow a user to turn off sounds that start automatically when a page loads. The control to turn off the sounds should be located near the beginning of the page to allow the control to be easily and quickly discovered by u
www.w3.org
공짜로 혼자서도 할 수 있는 웹퍼블리싱 공부 방법을 알려드립니다.
홈페이지 만들기, 혼자하기 힘들다면 무로 스터디에 들어오세요.
공부 방향을 모르겠다면 무료 과외를 신청하세요.
https://blog.naver.com/redoxup/223134941372
혼자서 웹퍼블리싱(HTML+CSS)입문과정 마스터 할 수 있다! + 도움을 받으면 더 잘 할 수 있다!!
웹디자이너, 웹퍼블리셔, 웹프로그램을 준비하시는 분들이라면, 다른 건 몰라도 HTML+CSS 입문과정...
blog.naver.com
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G172] 모든 텍스트의 '양쪽 정렬'을 제거하는 기술을 제공하자. (4) | 2024.11.25 |
|---|---|
| [웹접근성 지침-일반기술 G171] 사용자가 요청하면 사운드를 재생합니다. (2) | 2024.11.24 |
| [웹접근성 지침-일반기술 G169] 텍스트는 한쪽 방향으로 정렬시키자. (31) | 2024.11.22 |
| [웹접근성 지침-일반기술 G168] 사용자가 작업을 계속 할 것인지를 확인한다. (31) | 2024.11.21 |
| [웹접근성 지침-일반기술 G167] 필드에 인접한 버튼이 레이블(label) 역할을 합니다. (27) | 2024.11.20 |
