Accessibilità

Come costruiamo per utenti che usano tastiera, screen reader, visione ridotta o dispositivi a bassa tecnologia. Una panoramica onesta e datata.

Scriviamo questa pagina come il resto del sito: cosa funziona, cosa non funziona e come verificarlo autonomamente. È datata perché l'accessibilità è un obiettivo in continua evoluzione. Eseguiamo nuovi test dopo ogni release principale.

Cosa garantiamo

• Navigazione completa da tastiera. Ogni controllo del generatore, ogni finestra modale e ogni flusso di esportazione è raggiungibile senza mouse.
• Stati di focus visibili. Gli input, i pulsanti e i link con focus mostrano un contorno ben visibile. Non ci affidiamo solo al colore.
• Etichette su ogni campo. Gli input dei moduli hanno elementi <label> associati o attributi aria-label. Il testo segnaposto non viene mai usato come unica etichetta.
• Regioni ARIA live per l'anteprima QR e i messaggi toast. Gli screen reader comunicano «QR generato» e i messaggi toast al momento in cui si attivano, non solo quando il focus si sposta su di essi.
• Alternative testuali per i pulsanti con solo icona. aria-label su ogni pulsante con solo SVG.
• Significato dello stato indipendente dal colore. I badge di scansionabilità e i chip di compatibilità affiancano il colore a un glifo e un'etichetta testuale.
• Nomi espliciti del formato di esportazione. I pulsanti di download indicano «Scarica PNG», «Scarica SVG», ecc., non solo «Scarica».
• Target di tocco ampi su mobile. Gli elementi interattivi misurano almeno 44 × 44 pixel CSS su puntatori imprecisi, secondo WCAG 2.5.8.
• Rispetto della preferenza per le animazioni ridotte. Le transizioni sono disabilitate con prefers-reduced-motion: reduce.

Dove ancora non siamo all'altezza

• La copertura dei test con screen reader è disomogenea. Il generatore è stato testato con VoiceOver (macOS/iOS) e NVDA. JAWS e TalkBack richiedono ancora lavoro.
• Il Business Card Designer è pensato principalmente per il mouse (trascinamento per il posizionamento, anteprima su canvas). Esistono alternative da tastiera per ogni controllo, ma il ciclo di feedback dell'anteprima live è ancora orientato alla visione.
• I flussi complessi del generatore (batch CSV, wizard a più passaggi) potrebbero beneficiare di una struttura di skip link migliore. Pianificato.
• La nostra matrice di compatibilità è attualmente presentata come tabelle HTML. Le intestazioni di colonna funzionano con gli screen reader, ma vorremmo aggiungere riepiloghi descrittivi più dettagliati per ogni riga.

Browser e tecnologie assistive testati

Ultima verifica completa: aprile 2026. Tra una verifica e l'altra effettuiamo controlli spot dopo significativi cambiamenti all'interfaccia.

Mappa della tastiera

• Tab / Shift+Tab: avanzare / tornare tra gli elementi con focus.
• Invio / Spazio: attivare pulsanti e interruttori.
• Tasti freccia: spostarsi tra le opzioni all'interno di un gruppo radio (selettore di tipo, selettore di template, barra delle schede).
• Esc: chiudere le finestre modali (Business Card Designer, preflight, servizi di stampa, ritaglio immagine).
• Home / Fine all'interno di un menu a scorrimento saltano al primo / all'ultimo elemento.

Segnalare un problema

Se qualcosa non è raggiungibile da tastiera, è etichettato in modo errato o non è utilizzabile con la propria configurazione, scrivere a hello@abundera.ai. Indicare browser, sistema operativo, tecnologia assistiva e il flusso specifico. Trattiamo i bug di accessibilità come problemi prioritari.

Ultima revisione: 2026-04-16. Prossima revisione: dopo il prossimo cambiamento principale all'interfaccia.