Guide praticheCrea UX conformi a WCAG con meno incertezze.
Unione
EuropeaAccessibilità digitale
Ora un obbligo di legge.
L'EAA è ora in vigoreLa scadenza dell'European Accessibility Act è passata. I siti non conformi rischiano sanzioni fino a 100.000 € per violazione. Agite ora per proteggere la vostra azienda.
Diventa conforme oraL'European Accessibility Act (EAA) impone a tutti i servizi digitali, piattaforme e-commerce e servizi finanziari di rispettare gli standard WCAG 2.2. Sanzioni fino a 100.000 € per violazione.
Novità
I primi 1.000 utilizzi gratisSi rinnova ogni mese · 1 sito incluso · nessuna carta richiesta
Richiesto dall'European Accessibility Act (UE 2019/882)Miglioramenti per ADA, AODA, Section 508, EN 301 549, WCAG 2.1 e 2.2
Sezione 02 · Scansione WCAG Live
Testa la conformità WCAG del tuo sito
Enter your URL to see a quick preview of WCAG findings, risk level and accessibility score. The detailed report unlocks after lead submission.
WCAG 2.2 AA · AAA Risultato in 30 secondi Free preview
This quick scan is an automated preliminary assessment and does not replace a comprehensive expert audit or legal compliance opinion. You can unlock the detailed report by sharing your details.
Modello POUR
La Prima e Unica Esperienza Olistica Adattata a Ogni Mente
accsible.com offre oltre 35 strumenti che coprono i quattro principi fondamentali di WCAG 2.2.
Le informazioni e i componenti dell'interfaccia devono essere presentati in modi che gli utenti possano percepire.
Disabilità visiva · Daltonismo · Disabilità uditiva6Strumenti
6Criteri WCAG
Ridimensionamento carattere
WCAG 1.4.4Ingrandimento graduale del testo dal 100% al 200% senza compromettere il layout. Gli utenti con ipovisione possono leggere comodamente senza un ingranditore di schermo.
Modalità alto contrasto
WCAG 1.4.3Più profili di contrasto, tra cui nero su bianco, giallo su nero e colori invertiti. Garantisce che il testo rispetti il rapporto minimo di 4,5:1.
Filtri per daltonismo
WCAG 1.4.18 filtri in tempo reale per deuteranopia, protanopia e tritanopia. Sostituisce gli indizi basati sul colore con motivi che gli utenti sanno distinguere.
Font per dislessia
WCAG 1.4.4Passa a OpenDyslexic, un carattere con la base appesantita che riduce la confusione tra le lettere. Abbinato ai controlli di spaziatura per la massima leggibilità.
Lente di ingrandimento testo
WCAG 1.4.4Una lente d'ingrandimento segue il cursore e ingrandisce testo e immagini in un tooltip flottante. Non serve ingrandire l'intera pagina.
Spaziatura riga / parola / lettera
WCAG 1.4.12Cursori indipendenti per interlinea, spaziatura tra le parole e tra le lettere. Aiutano gli utenti con dislessia e ipovisione a leggere i blocchi di testo.
I componenti dell'interfaccia e la navigazione devono essere utilizzabili da tutti gli utenti.
Disabilità motoria · Utenti da tastiera · Condizioni neurologiche6Strumenti
5Criteri WCAG
Salta al contenuto
WCAG 2.4.1Inserisce automaticamente un link "Vai al contenuto principale" all'inizio di ogni pagina. Gli utenti da tastiera saltano la navigazione ripetitiva con un solo tasto.
Evidenziazione focus tastiera
WCAG 2.4.7Aggiunge un anello di focus ad alta visibilità a ogni elemento interattivo. Garantisce che gli utenti che usano solo la tastiera sappiano sempre dove si trovano nella pagina.
Ingrandimento cursore
WCAG 2.5.8Sostituisce il puntatore predefinito con un cursore grande, nero o bianco. Gli utenti con tremore o ipovisione possono seguire il cursore sullo schermo.
Guida di lettura
Un righello orizzontale segue il cursore riga per riga, riducendo i salti di riga per gli utenti con difficoltà di attenzione o di tracciamento.
Evidenziazione link
WCAG 1.4.1Sottolinea e colora ogni link della pagina, così gli utenti non devono affidarsi al solo colore per riconoscere gli elementi cliccabili.
Ingrandimento area clic
WCAG 2.5.8Espande l'area di clic di pulsanti e link ad almeno 44x44 pixel CSS. Evita tocchi accidentali sbagliati per gli utenti con disabilità motorie.
Le informazioni e il funzionamento dell'interfaccia devono essere comprensibili.
Disabilità cognitiva · Dislessia · ADHD · Utenti anziani6Strumenti
4Criteri WCAG
Semplificazione contenuti
WCAG 1.3.2Riduce i layout a più colonne a un'unica colonna leggibile e nasconde gli elementi decorativi. Riduce il carico cognitivo per gli utenti con ADHD o disturbi dell'apprendimento.
Cambio lingua
WCAG 3.1.1Supporta oltre 42 lingue dell'interfaccia con inserimento automatico dell'attributo lang. Gli screen reader pronunciano i contenuti nella lingua corretta.
Selezione famiglia di caratteri
Scegli tra caratteri Serif, Sans-serif e Monospace. Alcuni utenti con disabilità cognitive leggono meglio con un determinato stile di carattere.
Maschera di lettura
Oscura tutto ciò che si trova fuori da una fascia orizzontale attorno al cursore, isolando la riga corrente. Aiuta gli utenti con disturbi dell'attenzione a restare concentrati.
Blocco animazioni
WCAG 2.2.2Mette in pausa tutte le animazioni CSS, le GIF e i video in riproduzione automatica. Protegge gli utenti con disturbi vestibolari dalle vertigini causate dal movimento.
Sintesi vocale
WCAG 1.1.1Legge ad alta voce il testo selezionato con il motore di sintesi vocale del browser. Supporta velocità regolabile e scelta della voce per oltre 40 lingue.
Il contenuto deve essere sufficientemente robusto da poter essere interpretato in modo affidabile da un'ampia varietà di programmi utente, incluse le tecnologie assistive.
Screen reader · Display braille · Input vocale6Strumenti
4Criteri WCAG
Miglioramento ARIA
WCAG 4.1.2Analizza il DOM e inserisce in fase di esecuzione le etichette, i ruoli e le live region ARIA mancanti. Risolve le barriere più comuni per gli screen reader senza modifiche al codice.
Annuncio messaggi di stato
WCAG 4.1.3Racchiude notifiche toast, errori dei moduli e aggiornamenti del carrello in live region ARIA, così gli screen reader li annunciano senza spostare il focus.
Correzione struttura dei titoli
WCAG 1.3.1Rileva i livelli di titolo saltati (ad es. da h1 a h3) e corregge la gerarchia per le tecnologie assistive. Mantiene invariato l'aspetto visivo.
Dichiarazione di accessibilità
Genera automaticamente una pagina pubblica di accessibilità con stato di conformità, problemi noti e informazioni di contatto. Aggiornata a ogni scansione.
Controllo audio
WCAG 1.4.2Offre un pulsante di disattivazione con un clic per tutti gli audio e video in riproduzione automatica. Evita interferenze con l'output dello screen reader.
Pulsante feedback
Integra un widget di feedback sull'accessibilità sempre presente, così i visitatori possono segnalare direttamente le barriere. Le segnalazioni arrivano alla tua dashboard.
Compatibilità
Funziona ovunque.
accsible.com è una soluzione basata su browser che funziona indipendentemente dal vostro CMS, piattaforma e-commerce o stack tecnologico — si installa con un singolo tag <script>.
See all 33+ platforms →SDK Mobile
In arrivo: Accessibilità anche per le app mobili.
Porta la stessa esperienza senza barriere nelle tue applicazioni native iOS e Android con Accsible Mobile SDK.
Componenti Nativi
Componenti UI progettati per rispettare le linee guida di accessibilità di iOS e Android.
Conformità Totale
Soddisfa i requisiti WCAG 2.2, EAA, ADA e Section 508 nell'intera esperienza mobile.
Integrazione Semplice
Aggiungi una singola dipendenza. Compatibile con Swift, Kotlin, React Native e Flutter.
Completamente Personalizzabile
Adatta temi, colori e pattern di interazione alla tua identità di marca.
iOS (Swift)Android (Kotlin)React NativeFlutter
Configurazione semplice
Accessibile in 2 passaggi.
1
Crea un account
- Registratevi gratuitamente con la vostra e-mail
- Inserite l'indirizzo del vostro sito (dominio)
- Inizia con il piano gratuito o prova un piano a pagamento
Quando il vostro account è pronto:
✓ Tag <script> unico per il vostro sito✓ Pannello di controllo centralizzato per i vostri siti e il widget✓ Oltre 35 strumenti e opzioni di personalizzazione2
Aggiungete lo script al vostro sito
Incollate il codice dal vostro pannello di controllo nella sezione <head> del vostro sito:
HTML
<!-- accsible.com widget -->
<script
src="https://cdn.accsible.com/widget.js"
data-key="YOUR_UNIQUE_KEY"
async
></script>Ecco fatto. Il widget si attiva sul vostro sito in pochi secondi.
Prezzi
Piani semplici. Stesse potenti funzionalità.
Inizia gratis e passa ai piani mensili, annuali, enterprise o partner quando hai bisogno di più utilizzo.
Starter gratuito
I primi 1.000 utilizzi gratis
Installa gratuitamente il widget Accsible per 1 sito. Il tuo limite di utilizzo si rinnova ogni mese.
- ✓1 sito incluso
- ✓1.000 utilizzi mensili
- ✓39+ strumenti di accessibilità
- ✓Nessuna carta richiesta
$0/mese
Se raggiungi il limite, puoi passare a un piano a pagamento.
Mensile
$29/mese
- ✓Alto volume di sessioni mensili
- ✓Widget (42 lingue, 8 profili)
- ✓Supporto via e-mail
- ✓Prova gratuita di 14 giorni sui piani a pagamento
- ✓Branding
- ✓Dichiarazione di accessibilità
- ✓Tutti gli oltre 39 strumenti di accessibilità
- ✓Report mensile di accessibilità
- ✓Monitoraggio conformità WCAG 2.1 & WCAG 2.2
DISPONIBILITÀ LIMITATA
Ultime 1.000 persone
Ultime 1.000 persone
Annuale
$500$249/anno
- ✓Alto volume di sessioni mensili
- ✓Widget (42 lingue, 8 profili)
- ✓Supporto via e-mail
- ✓Prova gratuita di 14 giorni sui piani a pagamento
- ✓Branding
- ✓Dichiarazione di accessibilità
- ✓Tutti gli oltre 39 strumenti di accessibilità
- ✓Report mensile di accessibilità
- ✓Monitoraggio conformità WCAG 2.1 & WCAG 2.2
Enterprise
Personalizzato
- ✓Alto volume di sessioni mensili
- ✓Widget (42 lingue, 8 profili)
- ✓Supporto via e-mail
- ✓Prova gratuita di 14 giorni sui piani a pagamento
- ✓Branding
- ✓Dichiarazione di accessibilità
- ✓Tutti gli oltre 39 strumenti di accessibilità
- ✓Report mensile di accessibilità
- ✓Monitoraggio conformità WCAG 2.1 & WCAG 2.2
Partner
Per agenzie, integratori e rivenditori.
Vantaggi partner
- ✓Sconto per licenze a volume
- ✓Opzione white label
- ✓Rivendita ai vostri clienti
- ✓Pannello di controllo partner
- ✓Sistema di commissioni
- ✓Supporto partner dedicato
Il piano gratuito include 1 sito e 1.000 utilizzi mensili. Puoi anche provare gratis i piani a pagamento per 14 giorni.
Domande frequenti
Le domande che avete in mente.
WCAG (Web Content Accessibility Guidelines) è lo standard internazionale per rendere i contenuti web utilizzabili dalle persone con disabilità. Rispettarlo favorisce l'inclusione e si allinea a normative come l'European Accessibility Act (EAA) e le regole di accessibilità in Türkiye. accsible vi aiuta ad affrontare molte barriere comuni e a progredire verso l'allineamento WCAG 2.2 con correzioni automatiche e una barra degli strumenti di accessibilità sul sito.
Aggiungete un singolo frammento di script al vostro sito. I visitatori ottengono un menu di accessibilità per regolare dimensione del testo, contrasto, aiuti alla lettura, focus da tastiera e altro — simile ai principali widget di accessibilità — senza dover ricostruire l'intero front end.
No. Se potete incollare una riga di codice nel vostro layout, tema, tag manager o area HTML personalizzata della piattaforma, potete installare accsible. Non è necessario nessun passaggio di compilazione o installazione di dipendenze.
Accsible è costruito attorno a WCAG 2.1 e WCAG 2.2 e supporta l'allineamento con i principali framework tra cui EN 301 549, ADA, Section 508 e AODA. La conformità legale dipende sempre dai vostri contenuti, dal design e dalla giurisdizione; il widget rimuove molte barriere tipiche ma non sostituisce un audit completo di accessibilità o una consulenza legale.
No. Lo script si carica in modo asincrono e non blocca il rendering. Viene distribuito tramite un CDN globale ed è orientato alle prestazioni, quindi non dovrebbe danneggiare i Core Web Vitals o i punteggi PageSpeed nell'uso normale.
Sì. Puoi iniziare con Accsible gratis per 1 sito e i primi 1.000 utilizzi ogni mese. Per più utilizzo o esigenze aggiuntive, puoi passare a un piano a pagamento; anche i piani a pagamento includono una prova gratuita di 14 giorni.
Accsible funziona su siti HTML standard e con le principali piattaforme CMS e-commerce (es. WordPress, Shopify, Wix) e framework popolari come React, Vue e Next.js. Sono supportate le versioni attuali di Chrome, Firefox, Safari, Edge e Opera, e l'interfaccia è responsive su telefoni e tablet.
L'interfaccia di accessibilità è disponibile in 42 lingue, così i visitatori possono usare la barra degli strumenti nella loro lingua preferita, inclusi layout RTL dove applicabile.
Il piano gratuito include 1 sito e 1.000 utilizzi mensili. Per più traffico, i piani a pagamento partono da $29 al mese, con opzioni annuali ed enterprise disponibili.
Accsible offre 8 profili di accessibilità predefiniti — ad esempio per ipovisione, disabilità cognitive, epilessia e ADHD — che applicano una serie di regolazioni personalizzate con un solo clic. I visitatori scelgono il profilo adatto alle loro esigenze e il widget configura automaticamente le impostazioni. Per saperne di più, consultate la nostra base di conoscenza.