Termín CAPTCHA, neboli „Completely Automated Public Turing test to tell Computers and Humans Apart“, je metoda, jak na webu automatizovaně rozpoznat počítač od člověka. Obvykle se s ní setkáte u formulářů, kde má typicky podobu obrázku s deformovaným textem, pod nímž se nachází vstupní textové pole. Úkolem uživatele je správně opsat text z obrázku. Pokud udělá chybu, formulář se neodešle a systém vygeneruje nový obrázek.

CAPTCHA byla vyvinuta na konci 90. let minulého století. Důvodem byl zvyšující se počet spamu, vkládaného na stránky prostřednictvím tzv. botů, což jsou aplikace schopné rozpoznat a automaticky odeslat formuláře vyplněné nežádoucími odkazy. Metoda je založena na předpokladu, že počítač (využívající technologii OCR) na rozdíl od člověka nedokáže správně rozpoznat a přepsat zdrojový text.

Achillovou patou této metody je přílišná deformace textů, která vede k tomu, že ani lidé nedokážou text správně přečíst. CAPTCHA pak uživatele nutí k opakovanému přepisování obrázku nebo v horším případě odeslání formuláře úplně znemožní. Příkladem může být následující jen obtížně čitelná CAPTCHA:

Osobně považuji CAPTCHU za velký problém z hlediska použitelnosti. Proto jsem rád, že Dr. Peters J. Meyers, ředitel konzultační společnosti User Effects, nedávno přišel se zajímavým nápadem, jak učinit CAPTCHU lépe použitelnou (čitelnější) se zachováním vysoké úrovně bezpečnosti.

Řešení je poměrně prosté. Meyers doporučuje obrázek s textem horizontálně rozpůlit na dvě části (každá část obsahuje přesně půl textu) a na webu jej prezentovat kompletní pomocí kaskádových (CSS) stylů. Počítač na rozdíl od člověka neuvidí výslednou stránku s CSS styly, ale jen zdrojový kód, kde jsou obrázky dva a samostatně nedávají smysl. Text na obrázku tak může být dobře čitelný a počítač jej stejně nedokáže přečíst.

Asi vás napadne, že toto řešení skýtá problémy pro uživatele, kteří web neprohlížejí se zapnutými CSS styly nebo obrázky a také pro zrakově postižené. Tento problém by měl ve většině případů vyřešit odkaz, který umožňuje přehrát zvukovou stopu s textem z obrázku. Kromě toho doporučujeme vedle obrázku doplnit odkaz typu „Jiný obrázek, tento nepřečtu.“ pro uživatele, kteří mají i při použití této metody problém s čitelností textu.

Domníváme se, že tato CAPTCHA bude bezpečná a zároveň použitelná, a proto bychom si přáli, aby se na webu ujala. Co si o tomto řešení myslíte vy? Jak se bráníte SPAMu zasílanému přes formuláře? Podělte se s námi o své zkušenosti v diskusi.

Postup je následující:

1. Nainstalujte si doplněk Stylish a restartujte Firefox.
2. Přejděte na stránku uživatelského stylu pro Našeptávač a klikněte na tlačítko Load into Stylish.
3. V dialogu, který se vám po kliknutí otevře, klikněte na tlačítko Save.

A to je vše. Nyní již můžete navštívit vyhledávací stránku Seznamu a kochat se Našeptávačem s viditelnými počty hledání. Pozor,uživatelský styl se aplikuje jen pro subdoménu search.seznam.cz. Funguje tedy na úvodní stránce vyhledavače a ve výsledcích hledání, nefunguje na úvodní portálové stránce www.seznam.cz.

Otázka: V jakých jednotkách definovat v kaskádových stylech velikost písma, abychom dodrželi zásady přístupného a dobře použitelného webu?

Zmíněné články příliš teoretizují, já se pokusím vyjádřit stručně a jasně: Použijte takové jednotky velikosti písma, u kterých budete mít jistotu, že si je budou moci lidé pomocí standardního ovládání prohlížeče zvětšit.

Mezi prohlížeče pochopitelně zařaďte MS Internet Explorer (verzi 6 a 7), Mozillu/Firefox a Operu. Vykašlete se na odborné disputace, zdali se ten či onen prohlížeč chová při zvětšování té či oné jednotky divně, a místo toho si raději sami vyzkoušejte pomocí funkce „Zvětšit písmo“, zda-li je možné písmo skutečně zvětšit.

Pro lepší názornost jsem si pro vás připravil tyto tři obrázky. První ukazuje zobrazení písma při nastavené standardní velikost v MSIE 6.

Druhý obrázek ukazuje situaci, kdy jsem v MS Internet Exploreru 6 zvolil v menu položky „Zobrazit“ / „Velikost textu“ / „Největší“.

Totéž pak ve Firefoxu.

Co z toho plyne? Jak jsem napsal v úvodu. Použijte jen takové jednotky, u kterých jste si jistí, že si je mohou uživatelé pomocí prohlížeče zvětšit. Z definovaných jednotek jsou to em, ex a %. Nebo můžete použít slovní vyjádření (např. small nebo smaller). Ostatně, právě to také doporučují pravidla přístupnosti.