Guida utente di Accessibility Checker

1. Per iniziare

Accessibility Checker ruota attorno a tre strumenti, che si selezionano dal controllo segmentato nella barra di navigazione:

• Audit — esegui una scansione automatizzata con axe-core di una pagina web e passa in rassegna ogni problema WCAG rilevato.
• Contrast — misura il contrasto colore tra due punti qualsiasi di una pagina, di un'immagine o dell'inquadratura dal vivo della fotocamera.
• Focus Order — sovrapponi alla pagina l'ordine di focus da tastiera (tabulazione) e individua i problemi in modo visivo. (Su iPhone il segmento si chiama Focus.)

Per prima cosa, dai all'app qualcosa da testare. Al primo avvio ti verrà chiesto di scegliere una sorgente; in seguito, tocca il pulsante Cambia sorgente (l'icona plus-app, in alto a destra) e scegli:

• URL web — inserisci un indirizzo qualsiasi per caricare un sito web dal vivo. Puoi anche digitare direttamente nella barra dell'URL (“Inserisci l'URL da verificare”).
• Fotocamera — scatta una foto da controllare.
• Galleria — carica uno screenshot o un'immagine dalla tua libreria foto.
• Live — un flusso dal vivo della fotocamera per controllare in tempo reale schermi e materiali del mondo reale.

Tutti e tre gli strumenti funzionano sulle pagine web. Immagini, foto e fotocamera dal vivo si controllano con lo strumento Contrast. L'icona a forma di ingranaggio (in alto a sinistra) apre le Impostazioni, mentre il menu ••• accanto alla barra dell'URL contiene Indietro, Avanti, Ricarica e Crea report.

2. Esegui un audit WCAG automatizzato

Lo strumento Audit esegue axe-core — lo stesso motore standard del settore usato dai team di accessibilità professionali — sulla pagina che hai caricato.

1. Carica una pagina (inserisci un URL e lascia che finisca di caricare).
2. Seleziona il segmento Audit. Vedrai “Preparazione dell'audit…” e poi “Esecuzione dell'audit…” mentre il motore lavora.
3. I risultati si aprono automaticamente e il titolo mostra il totale: Risultati (N).

Leggere i risultati

I problemi sono raggruppati per gravità — Critici, Seri, Moderati, Minori — a partire dai più gravi. Tocca una gravità per vederne le categorie di problemi, poi tocca una categoria per scorrere ogni elemento interessato. Ogni problema mostra il selettore target, l'HTML coinvolto, un riepilogo in linguaggio semplice e un link Ulteriori informazioni che spiega la regola ed evidenzia l'elemento nella pagina. Una pagina pulita mostra “Congratulazioni! Nessun problema rilevato.”

Condividere i risultati dell'audit

Tocca il pulsante Condividi nella schermata dei risultati per esportare:

• Report di audit (PDF) — apre il flusso di report automatizzato (vedi sezione 5).
• Riepilogo (testo) — una sintesi concisa con i conteggi per gravità e i problemi principali.
• Tutti i risultati (testo) — l'elenco completo problema per problema.
• Foglio di calcolo (CSV) — un'esportazione leggibile dalle macchine per la gestione in Excel, Numbers o uno script.

3. Mappa l'ordine di focus da tastiera Novità

Chi usa la tastiera e molti utenti di screen reader si muovono nella pagina con il tasto Tab. Se la sequenza del focus salta in modo illogico, la pagina non rispetta il criterio WCAG 2.4.3 (Ordine del focus) — e finora testarlo era scomodo senza un computer desktop e strumenti specializzati. Il nuovo strumento Focus Order disegna l'intera sequenza sopra la pagina.

1. Carica una pagina web.
2. Seleziona il segmento Focus Order. La pagina si oscura mentre l'app la mappa (“Calcolo dell'ordine di focus”).
3. Compare l'overlay: indicatori numerati segnano ogni elemento attivabile da tastiera, a partire da 1, e linee di collegamento tracciano il percorso esatto che segue chi usa la tastiera. Il pannello indica il totale, ad esempio “14 punti di tabulazione”.
4. Tocca un indicatore numerato qualsiasi per aprire una scheda di dettaglio dell'elemento: il suo ruolo, il nome accessibile, l'etichetta ARIA, il tab index, il selettore CSS e l'HTML sottostante — tutto ciò che serve per segnalare un bug preciso.

Cosa cercare

• Salti che contraddicono il layout visivo — ad esempio il focus che passa dalla navigazione al footer e poi torna al contenuto principale.
• Zero risultati su una pagina interattiva — l'app te lo segnala: “Se questa pagina contiene pulsanti o link visibili, questo di per sé potrebbe essere un errore di accessibilità (WCAG 2.1.1).”
• Avvisi euristici — il pannello segnala lo scorrimento infinito (i punti più in basso potrebbero mancare) e gli elementi sticky (gli indicatori potrebbero spostarsi durante lo scorrimento).

Esportare la mappa

Tocca il pulsante di esportazione sul pannello Focus Order e scegli Immagine intera pagina o PDF intera pagina. L'esportazione cattura l'intera pagina — non solo la porzione visibile a schermo — con l'overlay numerato intatto, pronta da inserire in un ticket, una revisione di design o un report di audit. Usa il pulsante di riesecuzione dopo che la pagina è cambiata per scansionarla di nuovo.

4. Verifica il contrasto colore

Lo strumento Contrast misura il contrasto tra due colori qualsiasi sullo schermo — in un sito web, uno screenshot, una foto o dalla fotocamera dal vivo.

1. Carica una sorgente (pagina web, immagine o fotocamera Live).
2. Seleziona il segmento Contrast.
3. Trascina i due selettori sui colori che vuoi confrontare — di solito il testo e il suo sfondo. Sposta e pizzica per ingrandire e posizionarli con precisione al pixel.
4. I risultati si aggiornano in tempo reale: il rapporto di contrasto (ad esempio Contrasto: 4.6:1) con esito Superato/Non superato per WCAG 2.1 AA e AAA, sia per il testo normale sia per quello grande.

Correggere una coppia che non supera il test

Tocca il pulsante Suggerimenti per vedere alternative calcolate che supererebbero il test, raggruppate in Conforme AAA (7:1), Conforme AA (4.5:1) e AA per testo grande (3:1). Tocca un suggerimento per applicarlo al selettore e vederlo nel contesto.

Copiare i colori

Tocca un campione di colore per copiarlo nel formato che ti serve:

• hex HTML — ad esempio #1A56DB
• UIColor (RGBA) — pronto da incollare in Swift
• UIColor (HSB) — nel formato tonalità/saturazione/luminosità

Puoi anche modificare direttamente un valore hex per testare un colore specifico che non hai selezionato dallo schermo.

Condividere e conservare le misurazioni

Il menu di condivisione sul pannello Contrast offre:

• Aggiungi al report — conserva questa misurazione per il report automatizzato (vedi sezione 5).
• Condividi come testo o Condividi screenshot — invia i risultati tramite Mail, Messaggi, Note e altro ancora.
• Apri nel browser — visualizza lo stesso risultato su accessibleresources.com per condividerlo come link.

Fotocamera dal vivo

Scegli Cambia sorgente → Live per verificare il contrasto attraverso la fotocamera in tempo reale — utile per chioschi, segnaletica, materiali stampati e altre interfacce fisiche. Tocca il pulsante di blocco per fermare un fotogramma mentre posizioni i selettori, e tocca di nuovo per riprendere.

Verificare da Safari e Foto

Non devi uscire dal browser: in Safari, tocca Condividi e scegli Accessibility Checker per caricare la pagina corrente direttamente nello strumento Contrast. Lo stesso funziona da Foto con qualsiasi screenshot o immagine.

5. Crea report e dichiarazioni di accessibilità

Testare è solo metà del lavoro — di solito devi anche documentarlo. Accessibility Checker unisce tutto ciò che hai raccolto in un unico report di accessibilità automatizzato e può generare una dichiarazione di accessibilità pronta da pubblicare.

Creare un report

1. Esegui gli strumenti da cui vuoi ottenere prove: un audit, verifiche di contrasto (usa Aggiungi al report per conservare le misurazioni) e una scansione Focus Order.
2. Scegli Crea report — dal menu ••• accanto alla barra dell'URL, oppure dal pulsante report su iPad e Mac.
3. Nel Report Builder, imposta l'oggetto (ciò che il report copre) e attiva gli strumenti da includere: Audit (AxeCore), Contrasto colore e Ordine del focus. Il builder mostra un conteggio aggiornato di ciò che è incluso e puoi selezionare singolarmente le misurazioni di contrasto conservate.
4. Tocca Anteprima ed esporta, aggiungi il nome della tua organizzazione e l'email o la pagina di contatto ed esporta il PDF.

Cosa contiene il report

Un PDF di più pagine impostato come autovalutazione automatizzata rispetto a WCAG 2.1 AA / EN 301 549 — lo standard armonizzato a cui fa riferimento l'Atto europeo sull'accessibilità (EAA). Include una copertina con un verdetto di sintesi e la suddivisione per gravità, i risultati completi con selettori e riferimenti, un'appendice sul contrasto colore con ritagli come prova e la mappa dell'ordine del focus.

Fondamentale, include anche un'onesta sezione “Cosa copre questa scansione — e cosa non può coprire”: quali dei 50 criteri di successo WCAG 2.1 A/AA sono stati verificati automaticamente, quali richiedono una revisione umana (sotto forma di checklist manuale già pronta) e quali esulano da qualsiasi scansione automatizzata di una pagina. I test automatizzati ti danno una base di partenza rapida — non sono una certificazione di conformità, e il report lo dice chiaramente.

Pubblicare una dichiarazione di accessibilità

Dall'anteprima del report, scegli Apri dichiarazione di accessibilità. L'app genera una dichiarazione autovalutata a partire dai tuoi risultati — stato di conformità, limitazioni note, contatto per il feedback e metodo di valutazione — nella lingua che preferisci tra 17 lingue, indipendentemente dalla lingua dell'app. Puoi copiarla come testo, scaricarla come HTML per il tuo sito, stamparla o condividerla come link ospitato. Guarda un esempio di dichiarazione dal vivo.

6. iPad e Mac: scheda fluttuante e scorciatoie Novità

Questo aggiornamento ridisegna l'app per i grandi schermi. Su iPad e Mac, la pagina che stai testando occupa tutto lo schermo e i risultati vivono in una scheda fluttuante invece che in un pannello fisso in basso.

• Spostala dove vuoi: trascina la scheda dalla sua intestazione in qualsiasi angolo — dove non copre la parte di pagina che stai ispezionando. Con VoiceOver, usa le azioni personalizzate della scheda (Sposta in alto a sinistra, in alto a destra, in basso a sinistra, in basso a destra).
• Comprimila: tocca il chevron nell'intestazione della scheda per ridurla a una barra del titolo mentre navighi, e tocca di nuovo per far riapparire i risultati.
• Continua a scorrere: il contenuto della pagina scorre sempre liberamente rispetto alla scheda, così nulla resta nascosto in modo permanente.

Scorciatoie da tastiera

Con una tastiera fisica su iPad (tieni premuto ⌘ per vedere la HUD delle scorciatoie) o dalla barra dei menu su Mac:

Emulazione dei dispositivi

Su iPad e Mac puoi vedere in anteprima come una pagina si adatta a dimensioni diverse: Emula dispositivo → Telefono, Tablet o Desktop (nella barra dei menu del Mac o con le scorciatoie qui sopra) mostra la pagina alla larghezza di quel dispositivo e la presenta con lo user agent di Safari corrispondente — così puoi verificare l'esperienza mobile di un sito dal tuo Mac, o l'esperienza desktop dal tuo iPad.

7. Impostazioni

Apri le Impostazioni con l'icona a forma di ingranaggio (o ⌘,). In evidenza:

• Cambia homepage — imposta la pagina con cui l'app si apre.
• Lingua dell'app — l'app è disponibile in 18 lingue; questa voce porta all'impostazione della lingua per singola app di iOS.
• Icona dell'app — scegli tra gli stili di icona High Contrast, Liquid Glass e Accessibility.
• Mostra APCA™ Lc (WCAG 3.0) — aggiungi i valori APCA ai risultati di contrasto (vedi sezione 4).
• Versione di axe-core e Risultati dell'audit — controlla il motore di audit e se includere gli elementi “da rivedere”.
• Focus Order — aspetto dell'overlay, interazione e opzioni di ambito (vedi sezione 3).
• WCAG Cards — un riferimento rapido integrato alle linee guida.
• Aiuto e Rivedi il tour di benvenuto — riguarda l'introduzione nell'app in qualsiasi momento.
• Ripristina acquisti — recupera un abbonamento su un nuovo dispositivo.
• Account — se vuoi, usa Sign in with Apple per sincronizzare i dettagli dei report (nome dell'organizzazione e contatto) su tutti i dispositivi. L'accesso non è mai obbligatorio, nulla di ciò che verifichi viene collegato al tuo account e puoi eliminare l'account — e i suoi dati — dalla stessa schermata.

8. Funzioni gratuite e piani a pagamento

Accessibility Checker è gratuita da scaricare, e navigare tra le pagine e rivedere i risultati che hai già ottenuto è sempre gratuito. Due livelli di abbonamento sbloccano l'intero flusso di lavoro, e ogni abbonamento inizia con una prova gratuita di 7 giorni:

• Checker — audit, verifiche di contrasto e scansioni del focus illimitate; controlli AAA e APCA oltre ad AA; anteprime dei report con filigrana.
• Checker Pro — tutto ciò che offre Checker, più i report WCAG completi senza filigrana, le dichiarazioni di accessibilità pronte da pubblicare e le esportazioni pulite senza timbri di attribuzione.
• Checker Pro Lifetime — un acquisto una tantum invece di un abbonamento, con tutto ciò che offre Checker Pro.

I prezzi attuali sono indicati nell'app. Gli abbonamenti possono essere annullati in qualsiasi momento nelle Impostazioni, e Ripristina acquisti trasferisce un piano esistente su un nuovo dispositivo.

9. Domande frequenti

I miei dati sono privati?

Sì. Audit, verifiche di contrasto e scansioni del focus vengono eseguiti tutti sul tuo dispositivo — i siti, le immagini e i colori che controlli non vengono mai caricati online. Persino il link condivisibile della dichiarazione di accessibilità contiene i suoi dati nel link stesso anziché su un server. Consulta l'informativa sulla privacy per i dettagli.

Un audit automatizzato pulito mi rende conforme all'EAA?

No — e diffida di qualsiasi strumento che sostenga il contrario. I controlli automatizzati ti danno una base rapida e ripetibile per valutare la preparazione all'EAA rispetto ai criteri WCAG alla base della norma EN 301 549, ma la piena conformità richiede sempre test manuali. Il report dell'app ti dice esattamente quali criteri sono stati verificati automaticamente e quali richiedono ancora una revisione umana.

Quale motore di audit usa l'app?

Il motore axe-core, standard del settore, integrato nell'app in modo che funzioni senza alcuna configurazione. Puoi scegliere la versione di axe-core nelle Impostazioni se hai bisogno di allinearti alla versione usata dal tuo team altrove.

Perché la mappa del focus esportata mostra solo una parte della pagina?

Alcune pagine impediscono la cattura dell'intera pagina; l'app ti avvisa quando ha esportato solo l'area visibile. Le pagine con scorrimento infinito possono inoltre aggiungere punti mentre scorri — il pannello ti avverte quando lo rileva. Scorri ancora ed esegui di nuovo la scansione per catturarne di più.

Dove posso ottenere aiuto o proporre una funzione?

Usa Invia feedback nelle Impostazioni, oppure scrivi a info@accessibleresources.com — leggiamo tutto.