Atributul accesskey în HTML

Atribute globale HTML 4.0+

Definește o tastă de comandă rapidă care activează sau aduce focusul pe un element; combinația de taste diferă între browsere.

Sintaxă tag
<a href="/cautare/" accesskey="s">Căutare</a>

Ce face Atributul accesskey

Atributul accesskey primește un caracter (de obicei o literă sau o cifră). Utilizatorul apasă acel caracter împreună cu o tastă specială și browserul activează elementul: urmează linkul, apasă butonul sau mută focusul în câmp.

Combinația depinde de browser și de sistem: pe Windows, Chrome folosește Alt + tastă, iar Firefox Alt + Shift + tastă; pe macOS, majoritatea browserelor folosesc Control + Option + tastă. Utilizatorul nu află singur ce taste există, așa că trebuie să le afișezi pe pagină.

Comenzile rapide pot intra în conflict cu scurtăturile browserului, ale sistemului sau ale cititoarelor de ecran. De aceea, se folosesc cu măsură, de exemplu doar pentru câteva acțiuni frecvente dintr-o aplicație internă.

Atribute

Atribut Descriere
accesskey Un caracter tipăribil. Specificația permite și o listă de caractere separate prin spațiu, din care browserul îl alege pe primul disponibil.

Exemple

Exemplul 1: Comandă rapidă pentru căutare, afișată în etichetă

Câmpul de căutare primește focus cu Alt+C (Chrome, Windows). Scurtătura este scrisă lângă etichetă, ca utilizatorul să o știe.

<label for="cauta">Caută un curs (Alt+C)</label>
<input id="cauta" type="search" accesskey="c">

Ce afișează browserul

Caută un curs (Alt+C) [          ]
Apăsând Alt+C în Chrome pe Windows, cursorul ajunge direct în câmpul de căutare.

Exemplul 2: Buton de salvare într-un formular intern

Operatorii care completează multe fișe pot salva rapid cu tastatura.

<form>
  <label for="pacient">Pacient</label>
  <input id="pacient" value="Ion Popa">
  <button accesskey="s">Salvează fișa (Alt+S)</button>
</form>

Ce afișează browserul

Pacient [Ion Popa] [Salvează fișa (Alt+S)]
Alt+S (sau Alt+Shift+S în Firefox) apasă butonul și trimite formularul.

Greșeli frecvente

  • Taste care se suprapun cu scurtăturile browserului, de exemplu accesskey="f", care în multe browsere deschide meniul Fișier cu Alt+F.
  • Aceeași tastă pe mai multe elemente. Browserele se comportă diferit: unele activează primul element, altele trec pe rând prin ele.
  • Comenzi rapide neafișate nicăieri. Fără o mențiune pe pagină, aproape nimeni nu le descoperă.

Comenzi înrudite

  • Atributul tabindex: Controlează dacă un element poate primi focus din tastatură și dacă intră în ordinea de navigare cu tasta Tab.
  • <button>: Element clicabil pentru declanșarea trimiterii formularelor sau a unor acțiuni JavaScript în pagină.
  • <a>: Creează un hyperlink către o altă pagină web, un fișier, o adresă de email, un număr de telefon sau o ancoră din pagină.
  • <label>: Etichetă accesibilă pentru un control de formular: dând clic pe etichetă, activezi sau bifezi câmpul asociat.