# Tastiera, accessibilità e touch

Esegui ogni comando dalla tastiera, disegna senza mouse, usa uno screen reader e lavora su uno schermo touch.

_Le scorciatoie sono scritte per Windows e Linux. Su Mac, usa ⌘ Cmd dove c'è scritto Ctrl e ⌥ Option per Alt._

In pxstud.io tutto si può fare dalla tastiera: ogni comando è nella palette dei comandi, ogni
scorciatoia si può cambiare e sulla tela si può disegnare con i tasti freccia. Su uno schermo touch,
un dito disegna, due dita zoomano e spostano la vista, e un tocco con due dita annulla.

## Trovare ed eseguire qualsiasi comando

Premi `Ctrl+K` (o scegli Modifica > Palette comandi...) e scrivi una parte del nome di
un comando. L'elenco mostra il percorso di menu e la scorciatoia di ogni comando, e attenua quelli
che al momento non si possono eseguire. Usa i tasti freccia per sceglierne uno e `Enter` per
eseguirlo. Se non scrivi niente, compaiono per primi i comandi eseguiti più di recente.

## Cambiare le scorciatoie

Impostazioni > Scorciatoie da tastiera... elenca ogni comando con le sue scorciatoie. Cerca per comando, menu o
tasto, poi:

- fai clic su **Aggiungi** (o su una scorciatoia esistente) e premi la nuova combinazione di tasti;
  `Esc` annulla;
- se la combinazione appartiene già a un altro comando, scegli **Riassegna** per spostarla, oppure
  **Annulla**;
- **Ripristina** riporta un comando al valore predefinito, e **Ripristina tutto** li riporta tutti;
- **Esporta...** salva il tuo set come file JSON, e **Importa...** ne carica uno, per esempio in un
  altro browser.

Seleziona **Disattiva le scorciatoie a tasto singolo** per spegnere ogni scorciatoia che è una
singola lettera, cifra o segno di punteggiatura (con o senza `Shift`), così un tasto premuto per
sbaglio non cambia mai strumento. L'elenco completo dei valori predefiniti è in
[Scorciatoie da tastiera](https://pxstud.io/it/docs/manual/reference/shortcuts.md).

`Tab` non è mai una scorciatoia e non può essere assegnato a una: sposta sempre sul controllo
successivo, così non puoi mai restare bloccato in un pannello o sulla tela. (Per questo il passaggio
di un livello tilemap tra Tile e Pixels è `Alt+T` e non il Tab di Aseprite; vedi
[Tilemap](https://pxstud.io/it/docs/manual/guides/tilemaps.md).)

## Muoversi nell'editor

- **Vai alla tela.** La prima cosa che `Tab` raggiunge nella pagina è un link **Vai alla tela**.
  Premi `Enter` su di esso per portare il focus della tastiera direttamente sulla tela.
- **Punti di riferimento.** La barra dei menu è l'intestazione della pagina, e ogni pannello è una
  regione con etichetta (Strumenti, Opzioni strumento, Timeline, Palette, Selettore colore e così
  via), così l'elenco dei punti di riferimento di uno screen reader ci porta subito.
- **La barra dei menu** è una sola tappa per `Tab`. `Left` e `Right` (o `Home` e
  `End`) si spostano tra i menu, e `Down`, `Enter` o `Space` ne apre uno. Dentro un
  menu, `Up` e `Down` si spostano, digitare una lettera salta alla voce successiva che
  inizia con quella lettera, `Right` apre un sottomenu e `Left` lo chiude, e `Esc`
  chiude il menu. Con un menu aperto, `Left` e `Right` passano ai menu vicini. Quando la
  barra dei menu è ancorata a un lato, `Up` e `Down` si spostano invece tra i menu.
- **Menu dei pannelli.** In qualsiasi pannello, `Shift+F10` o il tasto Menu apre il menu del
  pannello, lo stesso che si apre con il clic destro ([L'area di lavoro](https://pxstud.io/it/docs/manual/guides/workspace.md#the-panel-menu)).
- **Ridimensionare i pannelli.** Raggiungi con `Tab` la linea tra due pannelli e usa i tasti
  freccia ([L'area di lavoro](https://pxstud.io/it/docs/manual/guides/workspace.md#moving-panels)).

## Disegnare con la tastiera

Porta il focus sulla tela (con `Tab` o con il link **Vai alla tela**) e compare un cursore a
pixel dove si trovava l'ultima volta il puntatore, o al centro dello sprite. Poi:

| Tasto | Cosa fa |
| - | - |
| Tasti freccia | Spostano il cursore di un pixel. |
| `Shift` con una freccia | Sposta il cursore di una cella della griglia. |
| Tieni premuto `Space` | Preme lo strumento attivo sul cursore; spostati con le frecce per disegnare e rilascia `Space` per finire. |
| `Enter` | Abbassa la penna; spostati con le frecce, poi premi di nuovo `Enter` (o `Space`) per sollevarla. Usalo se tenere premuti due tasti insieme è difficile. |
| `Shift` o `Alt` con `Space` o `Enter` | Agisce come `Shift` o `Alt` con un clic, per esempio per aggiungere a una selezione. |
| `Esc` | Annulla il tratto in corso. |
| `Tab` | Esce dalla tela. |

Ogni strumento funziona così tranne la Mano: i pennelli dipingono, le forme si allungano da
dove la penna è stata abbassata a dove viene sollevata, gli strumenti di selezione selezionano e lo
strumento Sposta trascina. La tela scorre per tenere il cursore in vista, e in modalità
affiancata il cursore ricomincia dal lato opposto ai bordi.

Quando uno spostamento o una trasformazione è in attesa di essere applicata, o uno strumento a più
passi come il Poligono attende l'ultimo punto, `Enter` conclude quell'operazione invece di
abbassare la penna.

Il disegno da tastiera inizia quando la tela riceve il focus dalla tastiera: raggiungila con
`Tab`, oppure usa il link di salto. Fare clic sulla tela con il mouse lo disattiva di nuovo,
così chi usa il mouse mantiene i tasti freccia, `Space` e `Enter` per i loro compiti
abituali, come in Aseprite: le frecce spostano i pixel selezionati, oppure scorrono fotogrammi e
livelli; tenere premuto `Space` sposta la vista; e `Enter` avvia e mette in pausa
l'animazione. Dopo un clic, esci con `Tab` e torna sulla tela per disegnare di nuovo con la
tastiera.

**Con uno screen reader,** la tela viene annunciata con il nome e le dimensioni dello sprite, lo
strumento attivo e lo zoom. La posizione del cursore ("x 12, y 7") viene letta quando smette di
muoversi, poi "Pen down", "Pen up" o "Applied at..." per una singola pressione, e "edge" quando il
cursore non può andare oltre.

## Tastiera nei pannelli

**Schede degli sprite.** Le schede sopra la tela sono una sola tappa per `Tab`:

- `Left`, `Right`, `Home` e `End` passano da uno sprite all'altro;
- `Alt+Left` e `Alt+Right` spostano la scheda lungo la riga (e dicono dove è andata);
- `F2` rinomina lo sprite, e `Del` lo chiude;
- `Enter` su uno sprite la cui copia nel cloud è cambiata ti permette di scegliere quale copia
  tenere.

**La palette** è anch'essa una sola tappa per `Tab`, sul campione selezionato:

- i tasti freccia, `Home` e `End` si spostano tra i campioni, e `Shift` con una freccia
  seleziona un intervallo (per ordinarli, per esempio);
- `Enter` o `Space` imposta il campione come colore di primo piano, e `Shift+Enter` come
  colore di sfondo;
- `Alt` con una freccia sposta il campione nella palette;
- `F2` modifica il colore del campione, e `Del` lo rimuove.

Il nuovo colore di primo piano o di sfondo, e la nuova posizione di un campione, vengono letti agli
screen reader. Vedi [Colore e palette](https://pxstud.io/it/docs/manual/guides/color.md).

**La timeline.** I cel formano una griglia con una sola tappa per `Tab`, il cel attivo:

- i tasti freccia passano al cel successivo (e ne rendono attivi livello e fotogramma);
- `Shift` con una freccia estende la selezione dei cel, e `Esc` la cancella;
- `Alt+Left` e `Alt+Right` spostano di un posto il fotogramma del cel (o i fotogrammi
  selezionati), e dicono dove sono andati;
- `Alt+Shift` con una freccia sposta di poco i cel selezionati;
- il tasto Menu apre il menu del clic destro del cel.

Su un numero di fotogramma, `Alt+Left` e `Alt+Right` spostano anche quel fotogramma. Sul
nome di un livello, `F2` lo rinomina. Su un tag, `Enter` o `Space` lo rende il tag che
viene riprodotto, e `Alt+Left` e `Alt+Right` lo spostano di un fotogramma (le sue estremità
accettano `Left` e `Right` per ridimensionarlo). Vedi
[Animazione e timeline](https://pxstud.io/it/docs/manual/guides/animation.md).

## Notifiche

I messaggi compaiono nell'angolo in basso a sinistra e vengono letti dagli screen reader. Gli errori
e i messaggi con un pulsante restano finché non li chiudi. Gli altri messaggi restano almeno 8
secondi, di più se c'è molto da leggere (fino a 20 secondi), e aspettano finché il puntatore o il
focus sono su di loro, o finché la scheda del browser è in background. Ne compaiono al massimo
cinque alla volta.

## Schermi touch

- **Disegno:** un dito (o una penna) disegna con lo strumento attivo. La pressione della penna
  imposta la dimensione del pennello fin dall'inizio (solo quella della penna: un dito disegna alla
  dimensione piena). Può anche controllare dimensione e angolo del pennello e un gradiente di colore
  (**Dinamiche** nelle opzioni dello strumento; vedi
  [Strumenti](https://pxstud.io/it/docs/manual/reference/tools.md#brush-and-ink-options)). L'estremità gomma di una penna cancella:
  l'editor passa alla Gomma mentre la usi e torna indietro dopo.
- **Disegnare solo con la penna:** la prima volta che disegni con una penna su uno schermo touch,
  l'editor ti chiede se disegnare solo con la penna. Scegli **Solo penna** (o disattiva più tardi
  **Impostazioni > Disegna con il dito**) e un dito sposta la tela invece di disegnare, così una mano
  appoggiata sullo schermo non lascia segni. Il pizzico e i tocchi con due e tre dita funzionano allo
  stesso modo in entrambi i casi.
- **Zoom e spostamento:** appoggia due dita sulla tela e pizzica per zoomare, oppure muovile insieme
  per spostare la vista. Un singolo dito aspetta un attimo prima di disegnare, così iniziare un
  pizzico non lascia mai un segno. Con la Mano, un secondo dito trasforma lo spostamento in
  un pizzico. Le altre dita e il palmo vengono ignorati mentre un tratto è in corso.
- **Annulla e ripeti:** tocca la tela con due dita per annullare, o con tre dita per ripetere.
  Tocca rapidamente e tieni le dita ferme; un tocco che sposta leggermente la vista la rimette a
  posto.
- **Colori:** tocca un campione della palette per il colore di primo piano. Per lo sfondo, toccalo
  e poi tocca il pulsante di sfondo della palette (su uno schermo touch non esiste il clic destro).
- **La timeline** scorre con il dito. Un tocco seleziona un cel o un fotogramma. Tieni premuto per
  mezzo secondo, poi trascina, per selezionare un intervallo; tieni premuto e rilascia senza
  muoverti per aprire il menu del clic destro.
- **Pannelli:** tieni premuto un pannello per un istante prima di trascinarlo. Su un telefono o in
  una finestra piccola l'editor passa a un layout compatto, dove i pannelli si aprono come fogli
  sopra la tela; vedi [Schermi piccoli e telefoni](https://pxstud.io/it/docs/manual/guides/workspace.md#small-screens-and-phones).

## La visualizzazione dei tasti

Visualizza > Mostra tasti premuti mostra a schermo i tasti che premi, utile quando registri un tutorial o fai
lezione. Impostazioni > Tasti premuti... sceglie se mostrarli e in quale angolo della finestra o della
tela.

## Limiti noti

- La tela non ha un equivalente da tastiera del clic destro, quindi il disegno da tastiera usa
  sempre il colore di primo piano.