Access keys v prohlížečích

Ovládám browser zejména klávesnicí, plus gesty myší, je to ta nejrychlejší volba. Před pár dny jsem psal o efektivním používání Opery pomocí klávesnice. A následně mi začalo chybět ovládání mého webu klávesovými zkratkami. Proto jsem je doplnil!

Jak se klávesové zkratky používají? No, záleží, jaký máte browser…

• Mozilla + Firefox: Alt+písmeno, Mozilla i Firefox po stisknutí této kombinace přímo přejdou na daný link a vykonají jej.
• Opera: nejdříve musíte aktivovat klávesové zkratky kombinací Shift+Esc, a potom již stačí stisknout jen písmeno, tedy třeba [a] pro archívy. Nicméně, pokud Vám toto nevyhovuje, předefinujte si v Opeře klávesové zkratky jak potřebujete…
• Internet Explorer: Alt+písmeno vybere danou položku, a potom Enter na ni konečně přejde.

Jak se klávesové zkratky zapisují v XHTML?

<a href='...' title='...' accesskey='a'>text</a>

Zajímavá je i pseudotřída :first-letter, je možné v CSS například podtrhnout první písmeno (a ručně tento class přiřadit patřičným odkazům):

.accesskey:first-letter {text-decoration:underline}

Zajímavý je ale zejména tento zápis s pseudotřídou :after / :before, který v moderních browserech zobrazí (v tomto případě v hranatých závorkách), definovanou klávesovou zkratku. :)

a:after { content: " [" attr(accesskey) "] " }

A jaké klávesové zkratky můžete používat zde?

• H - homepage, titulka.
• A - archívy.
• C - kontakt.
• N - Nucleus.
• S - search, hledání.
• 0 - veškeré články.
• 1-8 - kategorie 1-8.
• F - fórum.
• N - next, další článek.
• P - previous - předchozí článek.
• G - google hledání v článku.
• L - lokální hledání v článku.