[2017널리세미나] 캡차의 접근성(accessibility of captcha)

National Information Society Agency NIA

Accessibility of CAPTCHA


WW

W.W

AH.OR.KR

Contents

What is CAPTCHA?

reCAPTCHA

Accessibility Issue

Case Study

We recommend...

2


*What is “CAPTCHA”? reCAPTCHA

Accessibility Issue

Case Study

We recommend...


WW

W.W

AH.OR.KR

What is CAPTCHA?

Complete Automated Public Turning test to tell Computers and Humans Apart

사람과 컴퓨터를 구별하는 테스트, 2000년 카네기멜론 대학 연구원들에 의해 개발

4


WW

W.W

AH.OR.KR

Why we use CAPTCHA?

Without it..

글 도배, 이메일 계정 다수 생성, 투표 결과 조작, 비밀번호 공격, 티켓 대량 구매 등

“도배” “스팸” “조작”

5


WW

W.W

AH.OR.KR

Types of CAPTCHA

문자 CAPTCHA

6


WW

W.W

AH.OR.KR

Types of CAPTCHA

오디오 CAPTCHA

7


WW

W.W

AH.OR.KR

Types of CAPTCHA

배경이미지 문자 CAPTCHA

8


WW

W.W

AH.OR.KR

Types of CAPTCHA

수학식 CAPTCHA

9

10


WW

W.W

AH.OR.KR

Types of CAPTCHA

이미지 CAPTCHA

10

√

√ √

√


What is “CAPTCHA”?

*reCAPTCHAAccessibility Issue

Case Study

We recommend...


WW

W.W

AH.OR.KR

reCAPTCHA?

매일 20억 개의 캡차가 전세계에서 입력됨

매일 50만 시간이 캡차를 푸는데 소비됨을 의미

이를 “고문서(신문, 책) 복원” 작업에 활용 가능

리캡차 과정

1. 두 개의 단어를 제시(판독된 단어, 미 판독된 단어 각 1개)

2. 판독된 단어를 정확히 입력 미 판독된 단어 정답일 확률 높음

3. 여러 번 반복을 통해 높은 확률의 단어 선택

CAPTCHA 새로운 가능성 제시

2007년 카네기멜론 대학

12


WW

W.W

AH.OR.KR

2009년 Google이 판권구매

모바일 친화적 UI

“나는 로봇이 아니다 (I’m not a robot)”에 체크

로봇으로 의심되는 경우만,

제시한 사진 중 지시하는 사진 선택하도록 함

Google은 선택 결과를 인공지능 머신러닝에 활용

reCAPTCHA V2, “NO CATPCHA, reCAPTCHA”

13


WW

W.W

AH.OR.KR

사용자의 입력 전, 입력 중, 입력 후 행동 분석

“사람”이라고 판단 캡차 생략

“로봇”이라고 판단 캡차 요구

Background Process로 튜링 테스트 수행

CAPTCHA의 번거로움 최소화

Invisible reCAPTCHA

14



reCAPTCHA

*Accessibility IssueCase Study

We recommend...


WW

W.W

AH.OR.KR

What is problem?

CAPTCHA become a burden for people with dyslexia, poor hearing, poor sight

“CAPTCHA is one of my hated aspect of the web”

Computer vision, AI technology becomes so good

We have to make CAPTCHAs harder to solve.

Paid service “CAPTCHA Farm in third-world countries” is exit.

CAPTCHAs are solved by cheap workers

16


WW

W.W

AH.OR.KR

What is problem?

Can you tell me?

17


WW

W.W

AH.OR.KR

What is problem?

They give us…

!@S#%$#%^H&%#$@I#$**#T$^!#!

[난이도: ★] [난이도: ★★] [난이도: ★★★★]

?

18


WW

W.W

AH.OR.KR

What is problem?

일 칠 숲 팔 눕 구

1 7 숩 8 눕 9정답 :

(일 or 1) x (칠 or 7) x (숲 or 숩) x (팔 or 8) x (눞 or 눕) x (구 or 9)

64가지 조합 가능

19

?


WW

W.W

AH.OR.KR“시각장애인을 위한 대체 수단(소리)을 제공해야 함”

What is problem?

시각정보에만 의존한 CAPTCHA

20


WW

W.W

AH.OR.KR

What is problem?

다시 듣기 어려운 CAPTCHA

“다시 듣기 기능을 제공하여야 하며, 포커스가 자동이동 되지 않아야 함”

21


WW

W.W

AH.OR.KR

What is problem?

키보드로 사용할 수 없는 CAPTCHA

“키보드로 사용할 수 있도록 하고, 음성대체 수단을 제공해야 함”

22


WW

W.W

AH.OR.KR

What is problem?

키보드를 사용할 수 없는 CAPTCHA

“키보드로 사용할 수 있도록 하고, 음성대체 수단을 제공해야 함”

and more…23



reCAPTCHA

Accessibility Issue

*Case StudyWe recommend...


WW

W.W

AH.OR.KR

Google makes… “No CAPTCHA, reCAPTCHA”

25


WW

W.W

AH.OR.KR

Invisible reCAPTCHA

출처: https://www.google.com/recaptcha/intro/invisible.html 26


WW

W.W

AH.OR.KR

Invisible reCAPTCHA

Since the launch of the No CAPTCHA reCAPTCHA,

a simple checkbox has helped identify humans from even the sneakiest bots,

stopping billions of attacks on websites around the world.

But to stay one step, ahead of the bad guys, reCAPTCHA needed to keep evolving

to ensure the most delightful user experience.

And now we're taking it even further.

Can you see it? Of course not. It's invisible.

Powering these advances is a combination of machine learning

and advanced risk analysis that adapt to new and emerging threats.

So whether on desktop or mobile, reCAPTCHA still means no frustration.

People get to where they're going faster and everyone stays happy, except bots.

27


WW

W.W

AH.OR.KR

Invisible reCAPTCHA

User don’t need to any extra action, just see “protected by reCAPTCHA”.

reCAPTCHA may use..

the time interval between browser events

IP Address, Country, Timestamp

But many variables Google will keep secret

28


WW

W.W

AH.OR.KR

Invisible reCAPTCHA

Best Practice?

로봇이라고 생각되는 경우에 한하여, 추가질문 요구

스크린리더, 키보드 사용자에게는 반드시 추가질문

유사한 이미지를 선택 키보드 접근성 X

대체 수단인 오디오 캡차를 사용해야만 함

장애인에게는 기존 어려움이 달라진 것이 없음

Not yet !!!!

29



reCAPTCHA

Accessibility Issue

Case Study

*We recommend...


WW

W.W

AH.OR.KR

We recommend…

CAPTCHA를 제공할 때,

단일감각 의존하는 캡차(시각)인 경우, 대체수단 제공

• “문자, 이미지 캡차” “오디오 캡차” 함께 제공

31


WW

W.W

AH.OR.KR

We recommend…


키보드 접근성 보장

• 마우스 조작에 의존한 부분은 키보드 접근성 필요

32


WW

W.W

AH.OR.KR

We recommend…


캡차의 선형구조는 콘텐츠의 논리적인 흐름에 맞게 구성해야 함

• 옳은 순서 : 지시시항 캡차 콘텐츠 입력상자

33


WW

W.W

AH.OR.KR

We recommend…


입력 서식에 적절한 레이블을 제공해야 함

34

자동입력 방지를 위해 아래 문자를 입력하시오


WW

W.W

AH.OR.KR

We recommend…


대체 수단은 과도하게

복잡하지 않아야 함

35

.VS.

?


WW

W.W

AH.OR.KR

We recommend…


장애인 사용자 테스트를

반드시 할 것

36


WW

W.W

AH.OR.KR

Epilogue

캡차접근성연구에도움을주신분들

김데레사 김혜일 조은 지성봉 지훈 한정기

37


WW

W.W

AH.OR.KR

Coming soon !!

스크린리더를무력화하는 “보안키보드”!!!

38


WW

W.W

AH.OR.KR

Coming soon !!

키보드접근이안되는 “미디어플레이어”!!!

39


누군가저에게묻습니다.

“아직도접근성을하고계세요?”

하지만, 이렇게함께해주시는여러분이있다면

힘을낼수있습니다.

어둠을밝히는촛불과같이

함께모여세상을보다밝혀봅시다.

감/사/합/니/다

[2017널리세미나] 캡차의 접근성(accessibility of captcha)

Internet