Salta al contenuto
Accessibilità · Form e PDF accessibili

Form e PDF accessibili

Sistemiamo i form del tuo sito (label, validazione, errori, focus, tastiera) e i PDF che pubblichi (tag PDF/UA, ordine di lettura, alt, struttura) per renderli usabili da tastiera e da lettore di schermo, conformi WCAG 2.1 AA e PDF/UA. Niente form scartati al primo screen reader.

  • Preventivo in 48h
  • Form WCAG verificati
  • PDF/UA conformi
30 + form e PDF remediati
5/5 su 82 recensioni Google
180 + progetti dal 2008
Google Partner certificati dal 2018
Una piccola introduzione

Cosa significa rendere accessibili form HTML e PDF

Form e PDF accessibili sono l'insieme di interventi sul markup HTML dei moduli (label collegate, messaggi di errore programmatici, validazione lato client gestibile da tastiera, focus visibile) e sulla struttura interna dei PDF (tag PDF/UA, ordine di lettura, descrizione immagini, lingua dichiarata) che garantiscono che chi usa lettore di schermo o sola tastiera possa compilare i moduli e leggere i documenti senza barriere.

Sono due cose diverse, fatte spesso male: i form vengono costruiti rapidamente con plugin che producono markup non semantico (placeholder al posto di label, errori non collegati, focus invisibile), e i PDF vengono esportati da Word o InDesign senza tag, con ordine di lettura sbagliato e immagini decorative non marcate. Entrambi falliscono al primo test reale.

Da Vicenza dal 2008 con oltre 180 progetti seguiti: lavoriamo sia sul codice del form (Contact Form 7, WPForms, Gravity Forms, Astro custom) sia sui PDF già pubblicati (riedizione tagged) o sul flusso di esportazione (template InDesign con tag preimpostati).

Esempi tipici

Tre esempi di intervento, in settori diversi

Esempio · settore enti e istituzioni

Sito di un ente con obbligo AGID (settore culturale)

Inventario di 87 PDF pubblicati con report annuali, bilanci e bandi. Riedizione di tutti i documenti con tag PDF/UA, ordine di lettura corretto e alt text. Linee guida InDesign consegnate al team comunicazione per le future pubblicazioni.

87 PDF resi conformi
Esempio · settore servizi B2B

Sito istituzionale di una società di servizi (settore consulenza)

Refactor di 6 form (contatti, preventivo, area download, newsletter, candidatura, feedback dichiarazione): label esplicite, errori collegati, focus visibile, validazione tastiera-friendly. Verifica completa con NVDA e VoiceOver.

6 form refactorati
Esempio · settore e-commerce moda

Sito di un produttore B2C (settore tessile)

Sistemato il form di checkout multi-step (4 step, 23 campi totali): label collegate, errori chiari, ritorno focus dopo modal, riepilogo navigabile da tastiera. Form di feedback della dichiarazione costruito ex-novo, collegato al CRM.

23 campi resi accessibili
Cosa includiamo

Cosa facciamo su form e PDF

Due ambiti distinti, stessa squadra.

Form HTML accessibili

Markup, label, errori, validazione, focus.

Sistemiamo i form esistenti (o ne facciamo di nuovi) con label esplicite collegate via `for`/`id`, messaggi di errore via `aria-describedby` e `aria-invalid`, validazione lato client che non blocca la tastiera, focus visibile e ordine TAB logico. Per WordPress, lavoriamo su Contact Form 7, WPForms, Gravity Forms e Forminator.

  • Label esplicite, niente placeholder come label
  • Errori collegati con aria-describedby
  • Validazione tastiera-friendly
  • Focus visibile e ordine TAB logico
  • Compatibilità con NVDA, VoiceOver, JAWS

PDF/UA conformi

Tag, struttura, alt, ordine lettura.

Lavoriamo su PDF già pubblicati riedendoli con i tag PDF/UA corretti (Heading 1-6, P, Figure, Table, Link), oppure interveniamo sul flusso di esportazione (template Word o InDesign) per produrre PDF tagged dal sorgente. Verifica finale con Adobe Acrobat Pro accessibility checker e PAC 3 (PDF Accessibility Checker).

  • Tag PDF/UA su tutti gli elementi
  • Ordine di lettura logico
  • Alt text su immagini significative
  • Lingua dichiarata + titolo nel metadato
  • Verifica con Acrobat Pro + PAC 3

Form di feedback per dichiarazione

Caso d'uso obbligato dalla legge.

Il form di feedback richiesto dalla dichiarazione di accessibilità deve essere lui stesso accessibile, altrimenti la dichiarazione perde di valore. Lo costruiamo con label, errori, validazione, focus, tracciamento invii e ticket interno con scadenza a 30 giorni.

  • Form accessibile end-to-end
  • Tracciamento invii in CRM o casella
  • Ticket con scadenza 30 giorni
  • Procedura di risposta scritta

Hand-over al team interno

Per non rifare gli stessi errori.

Documento le pattern accessibili usati, i template di form da riusare per le pagine future, le regole di esportazione PDF dal CMS o da Word/InDesign. Il tuo team continua a produrre form e PDF accessibili senza dipendenza dal fornitore.

  • Documentazione pattern accessibili
  • Template form pronti da riusare
  • Linee guida esportazione PDF
  • Checklist pre-pubblicazione
Il problema

Errori tipici su form e PDF accessibili

Pattern che vediamo controllando form e PDF esistenti:

  • Placeholder al posto di label: appena scrivi nel campo l'etichetta sparisce, lo screen reader perde il contesto
  • Messaggi di errore non collegati al campo: il lettore di schermo non li annuncia in posizione utile
  • Validazione che blocca la tastiera: `tabindex` negativi, autofocus aggressivi, modal senza ritorno focus
  • PDF esportati senza tag: lo screen reader li legge come stringa lineare, perdendo struttura e immagini
  • Ordine di lettura PDF sbagliato: header, sidebar e footer letti prima del contenuto principale
  • Alt text generici nei PDF (`immagine1.jpg`) che non aiutano la comprensione
  • Lingua del PDF non dichiarata: lo screen reader prova a leggerlo con voce sbagliata

Il nostro approccio: label esplicite, errori programmatici, validazione tastiera-friendly, PDF tagged dal sorgente, ordine lettura testato, alt significativi, lingua dichiarata.

I vantaggi

Cosa ti porta avere form e PDF accessibili

Quello che ti porti a casa

Risultati concreti per imprenditore, ufficio legale e cliente finale:

  • Form WCAG 2.1 AA verificabili da terze parti
  • PDF/UA conformi certificabili con PAC 3
  • Conversione più alta: form chiari ed errori spiegati funzionano per tutti
  • Niente contestazioni: il documento PDF pubblicato regge i controlli
  • Form di feedback della dichiarazione finalmente funzionante
  • Template riusabili: il team interno produce nuovi form e PDF accessibili
  • SEO migliore: form ben strutturati hanno markup pulito
Come lavoriamo

Le 4 fasi su form e PDF

1. Inventario

Settimana 1.

  • Lista form del sito
  • Lista PDF pubblicati
  • Identificazione plugin form usati
  • Identificazione flusso esportazione PDF

2. Fix form

Settimana 2-3.

  • Refactor markup label, errori, focus
  • Refactor validazione tastiera-friendly
  • Verifica con NVDA e VoiceOver
  • Form di feedback dichiarazione incluso

3. Fix PDF

Settimana 3-4.

  • Riedizione PDF con tag PDF/UA
  • Ordine lettura corretto
  • Alt text su immagini significative
  • Verifica con Acrobat Pro + PAC 3

4. Hand-over al team

Settimana 4.

  • Documentazione pattern accessibili
  • Template form riusabili
  • Linee guida esportazione PDF
  • Checklist pre-pubblicazione
Strumenti

Stack che usiamo

Best-in-class per form e PDF:

  • axe DevTools + WAVE per la verifica HTML dei form
  • NVDA + VoiceOver per la prova reale dei form
  • Adobe Acrobat Pro per la verifica PDF/UA e il tagging assistito
  • PAC 3 (PDF Accessibility Checker) per la conformità PDF/UA
  • Contact Form 7, WPForms, Gravity Forms con override accessibili
  • InDesign + Word con template a tag PDF/UA preimpostati
Tecnologie

Stack che usiamo su form e PDF

Risultati

Cosa garantiamo a fine intervento

Quello che ti consegniamo:

  • Form WCAG 2.1 AA verificabili
  • PDF/UA conformi certificabili con PAC 3
  • Form di feedback della dichiarazione funzionante
  • Template form riusabili dal team
  • Linee guida esportazione PDF per Word e InDesign
  • Manutenzione annuale opzionale per nuovi documenti
Domande & risposte

FAQ

Quanto costa rendere accessibili form e PDF?

Servizio su misura: il preventivo dipende dalla complessità dei requisiti, dalle integrazioni con sistemi terzi (CRM, gestionale, API esterne), dal volume di test richiesto e dal livello di SLA in manutenzione. Prima cosa che facciamo è una discovery call gratuita di 30-45 minuti per capire scope e contesto, poi mandiamo un preventivo scritto entro 48-72 ore. Niente listini standard.

Posso fare PDF accessibili dal mio Word o InDesign?

Sì, è il modo migliore: produrre PDF già tagged dal sorgente. Ti consegniamo template Word e InDesign con stili e tag PDF/UA preimpostati e linee guida operative. Il tuo team produce documenti accessibili senza interventi a posteriori.

Quanto tempo richiede l'intervento?

Per un sito tipico (5-10 form, 20-30 PDF): 4-6 settimane (inventario, fix form, fix PDF, hand-over). Per soli form: 2-3 settimane. Per soli PDF in volume grande: dipende dal numero, indicativamente 1 giornata di lavoro ogni 5-10 PDF.

Funziona su form Gravity Forms / WPForms / Contact Form 7?

Sì. Lavoriamo con override CSS e hook PHP per applicare le pattern accessibili senza rompere il plugin. Per WPForms e Contact Form 7 abbiamo template di partenza già pronti. Gravity Forms richiede un po' più di lavoro per la validazione lato client.

I PDF firmati digitalmente possono essere accessibili?

Sì. La firma digitale (CAdES, PAdES) è compatibile con PDF/UA. Bisogna solo curare l'ordine: prima si producono i tag PDF/UA, poi si firma. Se firmi prima, la struttura tagged va persa o invalidata.

Cosa NON fate?

Niente PDF generati on-the-fly da plugin senza controllo dei tag (tipo certi report PDF che escono direttamente da WordPress senza supervisione). Niente form costruiti con drag-and-drop senza override accessibile. Niente firma digitale prima del tagging.

Perché Web Elettronica

Quattro motivi per scegliere il nostro team

Un solo interlocutore tecnico

Codice form, esportazione PDF, accessibilità sotto la stessa squadra dal 2008. Niente passaggio di mano tra dev, grafico e comunicazione.

Form testati con screen reader

Ogni form passa per axe, NVDA su Windows e VoiceOver su Mac. Niente "lo scanner dice OK" senza prova reale.

PDF/UA dal sorgente

Lavoriamo sui template Word e InDesign per produrre PDF già tagged. Il tuo team continua senza interventi a posteriori.

Manutenzione opzionale

Form e PDF pubblicati in futuro vanno controllati. Manutenzione annuale per verifiche periodiche e nuovi documenti.

Inizia ora

30 minuti con un nostro esperto. Niente commerciali

Analisi preliminare gratuita + report sintetico via email entro 48h.

Recensioni verificate

5/5 su 82 recensioni. Le parole dei nostri clienti