6.2.1 응답시간 조절

요구 사항

시간제한이 있는 콘텐츠는 가급적 포함하지 않는 것이 바람직하며, 보안 등의 이유로 꼭 필요하면 이를 피할 수 있는 수단을 제공합니다.

• 시간제한 콘텐츠 사용 배제: 시간제한이 있는 콘텐츠는 제공하지 않습니다.
• 반응시간 조절이 필요한 콘텐츠: 반응시간이 끝나기 전에 사용자가 시간제한을 해제하거나 연장할 수 있어야 하며, 조절 기능은 충분한 시간(최소 20초 이상)을 두고 미리 알려야 합니다.

예외: 온라인 경매, 실시간 게임처럼 반응시간 조절이 원천적으로 허용되지 않는 경우(이때도 시간제한이 있다는 것을 미리 알리고 종료 시에도 알려야 함), 세션 시간이 20시간 이상인 경우.

왜 필요한가요

화면낭독기 사용자, 지적·학습장애가 있는 사용자, 운동 기능에 제약이 있는 사용자는 내용을 읽고 입력하는 데 더 많은 시간이 필요합니다. 예고 없이 로그아웃되면 입력하던 내용을 모두 잃습니다.

도움받는 사용자

• 지적장애·학습장애가 있는 사용자
• 시각장애인(화면낭독기 사용자)
• 지체장애인
• 고령자

적용 방법

자동 로그아웃 전에 남은 시간과 연장 버튼이 있는 알림을 띄우고, 알림이 뜨면 초점을 옮기거나 role="alertdialog"로 즉시 알립니다.

<div role="alertdialog" aria-modal="true" aria-labelledby="to-title" aria-describedby="to-desc">
  <h2 id="to-title">로그인 시간 연장</h2>
  <p id="to-desc">약 <strong>1분</strong> 뒤 자동으로 로그아웃됩니다. 계속 이용하시겠습니까?</p>
  <button type="button">로그인 연장</button>
  <button type="button">로그아웃</button>
</div>

사례

<p>남은 시간 <span id="remain">09:58</span> <button type="button">시간 연장</button></p>

<meta http-equiv="refresh" content="60">

자주 하는 실수

• 로그인 세션이 예고 없이 끝나 입력 내용이 사라집니다.
• 본인 인증 번호 입력 시간이 짧고 연장 방법이 없습니다.
• 연장 알림이 시각적으로만 표시되어 화면낭독기 사용자가 알 수 없습니다.
• meta refresh로 페이지가 주기적으로 새로고침되거나 이동합니다.

검사 방법

• 시간제한이 있는 기능(로그인 세션, 인증 번호, 예약·결제 단계, 자동 새로고침)을 찾습니다.
• 시간이 끝나기 전에 미리 알림이 나오는지(20초 이상 여유), 연장·해제할 수 있는지 확인합니다.
• 알림이 화면낭독기와 키보드로도 인지·조작 가능한지 확인합니다.

관련 ARIA

다른 지침의 대응 항목