Názory k článku
15 cest k lepší přístupnosti vašeho webu - II

Chtěl bych se zeptat na jednu věc, se kterou si nevím rady. V textareách Admineru, do kterých se zadává kód, dovoluji pomocí JavaScriptu vložit tabulátor pouhým stisknutím klávesy Tab. Formulář lze následně odeslat pomocí Ctrl+Enter, což je alespoň v desktopových aplikacích celkem běžná konvence a navíc to je uvedeno v title odesílacího tlačítka.

Problém nastává v momentě, kdy chce uživatel přejít na nějaký další prvek a nemá myš. Napadá někoho, co by se s tím dalo udělat? Možnosti jednoduchého zadávání tabulátoru se kvůli tomu vzdát nechci.

Co CTRL+Tab?

To se používá pro přepínání panelů v prohlížeči.

Problém nastává v momentě, kdy chce uživatel přejít na nějaký další prvek a nemá myš.

Pokud nelze použít Tab, pak bych asi přiřadil dalšímu formulářovému prvku horkou klávesu. Uživatel se pak může stiskem odpovídající klávesové zkratky přemístit jen pomocí klávesnice na další/požadovaný prvek.

Problém nastává, pokud je ten následující prvek tlačítko, protože to se po stisknutí accesskey rovnou "zmáčkne". Muselo by se to tedy udělat také JavaScriptem.

Co třeba ESC? Vím, že to zní na první pohled hloupě, ale zkus si představit reálnou situaci, kde ti kurzor uvízl v textarea a _opustíš_ ji stiskem tlačítka _opustit_. Sice se předá fokus na další prvek, ale to je spíš implementační detail.

Přijde mi to jako výborný nápad, asi to tak udělám. Teď jen vymyslet, jak se pomocí JS dá focusnout další element.

Funkce na to přímo není, ale s jQuery to lze relativně snadno (vím, že v Admineru není, ale třeba se to bude někomu hodit)

var inputs = $(':input');
inputs.eq(input­s.index(aktual­niElement) - inputs.length + 1).focus();

V prohlížečích s querySelectorAll() bych v cyklu nad querySelectorA­ll('input, select, button') hledal aktuální element a fokusnul následující/první. Pro IE 6 a 7 asi jedině pomalejším cyklem nad getElementsBy­TagName('*') a kontrolovat tagName.

Formulář má kolekci elements, která se na to dá bezvadně použít, ale její procházení a hledání sebe sama mi přijde strašně krkolomné, takže hledám ještě něco elegantnějšího. Ale bohužel to asi nenajdu.

To sice má, ale focus by neměl kolovat jen mezi prvky jen jednoho formuláře.

Já to zase tak obecně nepotřebuji. V Admineru po textaree následuje vždycky přinejmenším odesílací tlačítko.

Sice se Esc v některých prohlížečích používá pro vrácení změn provedených v políčku, ale to je funkčnost asi celkem zbytečná, takže jsem to tak nakonec opravdu udělal. Díky za nápad!

Mimochodem pro "opustit" by se nejvíc hodilo použít blur, ale to se chová divně ( Tab pak začíná od místa, kde naposledy skončil - tedy třeba od začátku).

V tvém případě jednoduché – přidat volbu do konfiguračního souboru – ať si uživatel vybere, jestli chce vkládat tabulátory nebo radši přeskakovat na další prvek*. Problém to může být spíš u veřejných webů, ale tam zase málokdy potřebuje uživatel vložit tabulátor.

*) nebo může mít obojí tím, že se použije nějaká jiná klávesová zkratka, ale ten tabulátor je buď a nebo.

Adminer nemá konfigurační soubor.

Takové řešení často neexistuje -- lidé mají různé preference, proto jsou programy konfigurovatelné ;-)

Chcel by som sa spytat, ze ci pri odkaze na dokument, ma byt jeho velkost typ sucastou samotneho odkazu? Priklad:
a, <a href="">Dokument (PDF, 12MB)</a>
b, <a href="">Dokumen­t</a> (PDF, 12MB)

Alebo nie, resp. ci to nahodou nie je jedno?

Lepší je varianta a), protože v takovém případě se tuto informaci uživatel, který prochází web po odkazech, dozví ve chvíli, kdy se na tento odkaz dostane, a nemusí po této informaci pátrat "kolem" odkazu. Varianta b) je také akceptovatelná, ale je o něco méně komfortní.