Interazione da tastiera
| Tasto | Azione |
|---|---|
| Tab | Sposta il focus sul pulsante o sul link. |
| Invio | Attiva il pulsante o segue il link. |
| Spazio | Attiva il pulsante. Sui link scorre la pagina (comportamento nativo). |
Note sull’accessibilità
- Il nome accessibile è il testo dell’elemento. I pulsanti con sola icona richiedono un
aria-label. - Il testo raggiunge un contrasto di 4,5:1 per ogni variante, tono e tema; lo garantisce il generatore della palette.
- L’anello di focus è un contorno di 2px con un contrasto di almeno 3:1 rispetto alla pagina, in entrambi i temi.
- Un
<button>disattivato esce dall’ordine di tabulazione. Un link disattivato resta raggiungibile, così chi usa uno screen reader può trovarlo, e viene annunciato come disattivato. - In modalità forced colors il bordo trasparente diventa un contorno visibile con i colori di sistema.