驗證碼設計,看完瞬間蛋疼菊花緊…

0 評論 9490 瀏覽 7 收藏 8 分鐘

還記得以前那篇《超強驗證碼》?其實這個世界變態的驗證碼還有很多,下面是一個列表向像展示了各種稀奇古怪的驗證碼。不過本文并不單單只是收集這驗證碼,前面的比較惡搞,后面的會向你展示什么是有accessibility驗證碼。

  完全看不清楚的

  這是人類的字符嗎?

  

  

1U6004945-1
  這也夠奇葩的了。

  

1U600M58-2
  看得清但令人抓狂的

  

1U6001029-3
1U600A64-4
  數學公式的

  如果你填對了,你是人類嗎?

  

1U60022Y-5
  

1U6004934-6
  智力題

  

1U6004S8-7
  

1U6003O1-8
  

1U6001391-9
  你的審美水平正常嗎?

  

1U6002631-10
  你懂盲文嗎?

  

1U6001532-11
  ASCII圖片式

  

1U6006116-12
  怎么驗證一個人是否成年

  

1U600E55-13
  3D驗證碼

  通個這個腳本自動生成的:http://ocr-research.org.ua/tb/getimage.php5

  

getimage
  reCaptcha

  相信大家都知道reCAPTCHA下了一盤很大的棋,它讓你在輸驗證碼的時候還幫著還原書籍中那些很難被OCR識別的單詞。其有兩組驗證碼,一組是可以被電腦識別的,另一組是不能被電腦識別的(也就是讓人來幫電腦識別的),如果你第一組答對了,就會被 認為是人工操作,于是你回答的第二組就會成為人肉OCR。

  

1U6005241-14
  它最近又將增加一項新功能:顯示Google地圖上的街景地址和名稱。這樣從地圖上的街景中提取街道地址和名稱以及交通標志等數據,以完善Google地圖上的信息。

  

1U600Bc-15
  Facebook的人臉識別驗證碼

  你覺得有創意嗎?

  

1U600O13-16
  微軟的ASIRRA

  

1U6003648-17
  DISTCHA

  通過像iPhone/iPad開啟時滑動的樣式來驗證。

  

1U600KR-18
  MotionCAPTCHA

  用鼠標來畫個畫。

  

1U60040X-19
  siteHelp的DragCapCha

  為下面的字母排個序吧

  

1U60062a-20
  jQuery 驗證碼插件

  jQuery s3Capcha 插件

  

1U60023Z-21
  Ajax Fancy Captcha

  和上面那個不一樣,這個需要拖動

  

1U6003C2-22
  wCaptcha

  和上面的很相似。

  

1U60045A-23
  Picatcha

  挑出所有的計算器

  

1U6002293-24
  yoCaptcha

  廣告式的驗證碼

  

1U6002a0-25
  W3C的建議

  W3C的這篇文章(http://www.w3.org/TR/turingtest/)表達了傳統的驗證碼圖片的Inaccessibility的問題,而且一些驗證碼都很容易被破解。如:

  •   aiCaptcha: Using AI to beat CAPTCHA and post comment spam
  •   Breaking CAPTCHAs Without Using OCR
  •   PWNtcha – CAPTCHA decoder

  W3C也給了一些解決方案:

  •   一些邏輯題或是智力題。
  •   聲音輸出,為了照顧殘疾人。 Spam-bot tests flunk the blind
  •   限制帳號的操作次數。
  •   使用現有的Spam檢測機制。如:酷殼(Coolshell.cn)的評論沒有驗證碼,垃圾評論完全靠Akismet 插件過濾。

  建議你移步去看看這篇文章。

來源:酷殼

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!