접근 가능한 인증

무엇을 요구하나요?

로그인·본인 확인 같은 인증 과정에서 인지 능력 시험(비밀번호 기억하기, 글자 옮겨 적기, 퍼즐 풀기, 계산하기)만으로 통과해야 하는 방식을 쓰지 않아야 합니다. 인지 장애, 학습 장애, 기억력이 약한 사용자는 이런 시험을 통과하기 어렵습니다.

지침은 로그인용 비밀번호 입력, 화면 패턴 그리기, 임의의 문자열 기억, 계산, 특정 사물이 든 그림 찾기 등을 인지 기능 테스트의 예로 듭니다. 인증이 이런 방법에 의존한다면 인지 기능 테스트에 의존하지 않는 인증 방법을 하나 이상 함께 제공해야 합니다. 이름·이메일 주소·전화번호처럼 사용자에게 이미 익숙한 정보를 입력하는 것은 인지 기능 테스트로 보지 않습니다.

다음과 같은 방법이 도움이 됩니다.

• 비밀번호 칸을 브라우저가 아이디·비밀번호를 저장하고 채울 수 있게 만든다 (붙여넣기·자동 완성 허용)
• 이메일 링크, 문자 인증, 생체 인증, 간편 로그인 등 기억하지 않아도 되는 방법을 제공한다
• 캡차를 쓴다면 다른 방식의 대안을 함께 둔다

자주 틀리는 예

1. 비밀번호 붙여넣기·자동 완성 막기

<input type="password" onpaste="return false" autocomplete="off">

<label for="pw">비밀번호</label>
<input type="password" id="pw" autocomplete="current-password">

회원가입의 새 비밀번호 칸에는 autocomplete="new-password"를 씁니다. 비밀번호 관리자가 안전한 비밀번호를 만들어 채워줍니다.

2. 인증번호 칸 쪼개기와 붙여넣기 막기

<input maxlength="1"><input maxlength="1"><input maxlength="1"><input maxlength="1">

<label for="otp">인증번호 6자리</label>
<input id="otp" inputmode="numeric" autocomplete="one-time-code" maxlength="6">

autocomplete="one-time-code"는 휴대폰이 문자로 받은 인증번호를 자동으로 채울 수 있게 합니다.

3. 글자 옮겨 적기 캡차만 제공

일그러진 글자를 읽어 입력하는 캡차만 있으면 시각·인지 장애 사용자가 통과할 수 없습니다. 소리 캡차·문자 인증 같은 대안을 함께 두세요.

확인하는 방법

1. 로그인, 회원가입, 비밀번호 찾기, 결제 인증 화면에서 비밀번호·인증번호를 붙여넣을 수 있는지 확인하세요.
2. 브라우저의 비밀번호 저장·자동 완성이 동작하는지 확인하세요.
3. 캡차가 있다면 다른 방식의 대안이 있는지 확인하세요.