KWCAG 2.2 · 7. 이해의 용이성 · 7.3 입력 도움
7.3.3 접근 가능한 인증
인증 과정은 인지 기능 테스트에만 의존해서는 안 됩니다.
KWCAG 2.2신규
한눈에 보기
- 검사 항목
- 7.3.3 접근 가능한 인증
- 원칙
- 7. 이해의 용이성
- 지침
- 7.3 입력 도움
- 도입
- KWCAG 2.2
요구 사항
로그인 같은 인증 과정이 인지 기능 테스트(비밀번호 입력, 터치스크린 패턴 인식, 임의의 문자열 기억, 계산 수행, 특정 객체가 들어 있는 이미지 찾기 등)에 의존한다면, 인지 기능 테스트에 의존하지 않는 인증 방법을 적어도 하나 이상 제공해야 합니다.
그런 방법의 예로 다음을 들 수 있습니다.
- 브라우저가 아이디·비밀번호를 저장(자동 입력)할 수 있도록 마크업된 서식
- 공개 인증(OAuth)을 통한 서드 파티 로그인
- 신체(얼굴, 지문 등)나 물건(휴대폰, USB 등)을 이용한 인증
사용자에게 이미 익숙해 별도의 인지적 노력이 필요 없는 이름, 이메일 주소, 전화번호 입력은 인지 기능 테스트로 보지 않습니다.
KWCAG 2.2에서 새로 추가된 검사 항목입니다.
왜 필요한가요
기억력, 읽기, 계산에 어려움이 있는 사용자는 복잡한 비밀번호를 외우거나 일그러진 문자를 따라 쓰는 과정을 통과하기 어렵습니다. 비밀번호 관리자나 생체 인증을 쓸 수 있으면 인지 능력과 관계없이 로그인할 수 있습니다.
도움받는 사용자
- 인지장애·학습장애가 있는 사용자
- 기억력이 저하된 고령자
- 난독증이 있는 사용자
- 운동 기능에 제약이 있어 입력이 어려운 사용자
적용 방법
아이디·비밀번호 입력란에 올바른 autocomplete 값을 지정하고, 붙여넣기를 막지 않습니다. 간편 인증, 패스키(WebAuthn), 이메일 링크 로그인 등 대안을 제공합니다. 문자 캡차만 제공하지 않습니다.
<form action="/login" method="post">
<label for="uid">아이디</label>
<input id="uid" name="username" autocomplete="username">
<label for="upw">비밀번호</label>
<input id="upw" name="password" type="password" autocomplete="current-password">
<button type="submit">로그인</button>
</form>
<button type="button">휴대폰 간편 인증으로 로그인</button>이렇게 하지 마세요
autocomplete="off", 붙여넣기 차단(onpaste="return false"), 비밀번호를 한 글자씩 나눈 입력란은 비밀번호 관리자 사용을 막아 이 항목을 위반하기 쉽습니다.
사례
비밀번호 관리자 자동 입력 지원
<input type="password" autocomplete="current-password">붙여넣기를 막은 비밀번호 입력란
<input type="password" autocomplete="off" onpaste="return false">자주 하는 실수
- 로그인 서식이 자동 입력·붙여넣기를 막고 다른 인증 수단이 없습니다.
- 문자 캡차나 그림 맞히기만으로 본인 확인을 합니다.
- 이메일로 받은 인증 번호를 기억해 다른 화면에 직접 입력해야만 하고 복사·붙여넣기가 막혀 있습니다.
검사 방법
- 로그인·본인 확인·결제 인증 과정의 각 단계를 확인합니다.
- 비밀번호 등 인지 기능 테스트가 있다면 자동 입력·붙여넣기가 가능한지, 또는 다른 인증 방법이 있는지 확인합니다.
- 캡차가 있다면 인지 기능에 의존하지 않는 대안이 있는지 확인합니다.