In che modo il CCM19 soddisfa i requisiti delle WCAG?
Orientamento chiaro
Struttura logica e intuitiva
L'ordine delle schede chiaramente definito e i punti di attenzione facilmente riconoscibili consentono una navigazione senza sforzo, in modo che gli utenti si orientino sempre.
Compatibilità con gli screen reader
Ottimizzato per l'uso degli screen reader
Il cookie banner CCM19 supporta tutti gli screen reader più comuni e gli standard ARIA richiesti per garantire una navigazione fluida e accessibile.
Navigazione da tastiera
Comodo controllo da tastiera
Tutte le funzioni e le aree del banner cookie sono completamente e facilmente accessibili tramite tastiera, anche senza mouse, per un'esperienza utente accessibile.
Visualizzazione ottimizzata dei colori
Design ad alto contrasto secondo le WCAG
CCM19 soddisfa i requisiti di contrasto delle WCAG (almeno 4,5:1), in modo che i testi e i pulsanti siano leggibili in modo ottimale per le persone con problemi di vista.
Scalatura flessibile
Visualizzazione personalizzabile
Il banner dei cookie rimane pienamente utilizzabile anche se ingrandito fino al 200% senza perdere il contenuto - perfetto per gli utenti con disabilità visive.
Linguaggio comprensibile
Contenuti chiari e formulati in modo semplice
Tutti i testi del banner dei cookie sono volutamente scritti in un linguaggio semplice e comprensibile, in modo che gli utenti possano cogliere facilmente le informazioni, indipendentemente dalle loro conoscenze pregresse.
CCM19 aiuta già i siti web 211.664 a conformarsi al GDPR, TDDDG & Co.
Conformità alle BFSG grazie all'implementazione delle linee guida WCAG
WCAG come base per la conformità alla BFSG
Il Cookie Banner CCM19 è stato sviluppato per soddisfare i requisiti della legge tedesca sul rafforzamento dell'accessibilità (BFSG) tenendo conto delle linee guida internazionali WCAG. Ciò consente di soddisfare i requisiti legali di accessibilità in modo semplice e affidabile.
Facile da integrare e pronto all'uso
Grazie all'intuitiva procedura guidata di configurazione, potete integrare facilmente il banner dei cookie CCM19 nel vostro sito web, senza ulteriori ostacoli tecnici. Ciò garantisce che il vostro sito web sia progettato per essere accessibile secondo le WCAG e sia anche conforme alle BFSG.
Supporto mirato per la sicurezza legale
CCM19 vi supporta attivamente nell'implementazione del vostro cookie banner in modo accessibile e conforme alle WCAG, in modo da soddisfare i requisiti della BFSG in modo legalmente conforme - senza alcuno sforzo aggiuntivo.
Conformità alle WCAG e alla legge - gestione del consenso con CCM19
CCM19 vi offre inoltre una gestione completa del consenso, che comprende
Creare trasparenza per il consenso
Con CCM19 Consent Management, potete documentare il consenso dei vostri utenti in modo affidabile e trasparente, strutturato in modo chiaro e tracciabile in ogni momento. Questo vi garantisce di rimanere sempre legalmente conformi al GDPR e alle linee guida WCAG.
Controllo regolare della conformità al GDPR
Uno scanner automatico controlla regolarmente se il vostro sito web continua a soddisfare gli attuali requisiti del GDPR. Ciò garantisce una costante certezza giuridica.
Gestione chiara di tutte le impostazioni
CCM19 raggruppa tutte le funzioni per la gestione del consenso in un unico punto. In questo modo si risparmia tempo, si riduce la complessità e si garantisce che il sito web soddisfi sempre i più recenti requisiti di protezione dei dati e di accessibilità.
Ulteriori vantaggi di CCM19
Velocità di caricamento ottimizzata
Il banner per i cookie CCM19 è snello e ottimizzato nelle prestazioni, in modo che il vostro sito web si carichi alla velocità della luce. I vostri visitatori beneficiano di un'esperienza d'uso fluida.
Assistenza professionale
Il nostro team di supporto esperto è disponibile per rispondere a tutte le vostre domande sul cookie banner per telefono, e-mail e chat - competente, amichevole e rapidamente accessibile.
Conforme a GDPR e BFSG
Il cookie banner di CCM19 è sempre conforme agli attuali requisiti legali del GDPR e della BFSG. In questo modo potrete sempre fornire ai vostri utenti informazioni trasparenti e conformi alla legge.
Caratteristiche di un cookie banner accessibile
Conformità WCAG con CCM19: panoramica di tutti i criteri soddisfatti
Nella tabella seguente è possibile vedere a colpo d'occhio come il banner dei cookie CCM19 soddisfa i requisiti delle Linee guida per l'accessibilità dei contenuti web (WCAG 2.1).
I criteri non pertinenti sono contrassegnati di conseguenza.
| Sezione WCAG | Sezione Descrizione | Rilevanza per CCM19 |
|---|---|---|
| 1.1 Alternative testuali | ||
| 1.1.1 Contenuti non testuali | Tutti i contenuti non testuali hanno un'alternativa testuale: - Tutti i campi di input hanno un'etichetta o un'aria-label - Tutti gli elementi puramente decorativi sono contrassegnati in modo da essere ignorati dagli screen reader (aria-hidden="true") - Tutto ciò che non può essere visualizzato come testo ha almeno una breve descrizione di ciò che può essere visto o sentito. | ✅ |
| 1.2 Media basati sul tempo | ||
| 1.2.1 Solo audio/solo video (preregistrato) | Audio: per i contenuti audio esiste una visualizzazione alternativa per i non udenti. Video: Esiste una traccia audio descrittiva o una rappresentazione alternativa per i non vedenti. | Non pertinente |
| 1.2.2 Didascalie (Preregistrato) | I video sono dotati di sottotitoli. | Non pertinente |
| 1.2.3 Descrizione audio o media alternativi (preregistrati) | I video contengono una traccia audio descrittiva o una rappresentazione testuale alternativa. | Non pertinente |
| 1.2.4 Didascalie (dal vivo) | Sono presenti didascalie live per i video live con audio. | Non pertinente |
| 1.2.5 Descrizione audio (Preregistrato) | Esiste una descrizione audio per i contenuti video. | Non pertinente |
| 1.2.6 Lingua dei segni (Preregistrato) | Opzionale: sono disponibili video in lingua dei segni per i contenuti audio. | Non pertinente |
| 1.3 Adattabile | ||
| 1.3.1 Informazioni e relazioni | Le informazioni, le strutture e le relazioni risultanti dal layout sono riconoscibili programmaticamente (ad es. tramite attributi for, aria-labelledby, aria-controls) o disponibili in forma di testo. | ✅ |
| 1.3.2 Sequenza significativa | La sequenza di lettura significativa è riconoscibile per gli screen reader. | ✅ |
| 1.3.3 Caratteristiche sensoriali | Le istruzioni non si basano solo sull'aspetto (forma, posizione, colore). | ✅ |
| 1.3.4 Orientamento | Nessuna restrizione fissa al formato verticale o orizzontale, a meno che non sia assolutamente necessario e giustificato. | ✅ |
| 1.3.5 Identificazione dello scopo dell'input | Lo scopo dei campi di input può essere riconosciuto programmaticamente (ad esempio, con l'attributo type e autocomplete). | ✅ |
| 1.3.6 Identificare lo scopo (opzionale, livello AAA) | Lo scopo di tutti gli elementi dell'interfaccia utente, delle icone e delle regioni può essere riconosciuto programmaticamente. | ✅ |
| 1.4 Distinguibile | ||
| 1.4.1 Uso del colore | Il colore non deve mai essere l'unica caratteristica utilizzata per trasmettere informazioni. Le alternative sono, ad esempio, le differenze di luminosità o di forma. | ✅ |
| 1.4.2 Controllo dell'audio | Per l'audio che viene riprodotto automaticamente per più di 3 secondi, è prevista una funzione di pausa, di arresto o di controllo del volume. | non pertinente |
| 1.4.3 Contrasto (minimo) | Il contrasto minimo per il testo (continuo) è di 4,5:1. Per il testo di grandi dimensioni (titoli ecc., da 18pt o 14pt in grassetto): 3:1 Gli ingressi/pulsanti disattivati, i loghi e gli elementi puramente decorativi non hanno alcun requisito di contrasto. | ✅ |
| 1.4.4 Ridimensionamento del testo | Il testo può essere ingrandito fino al 200% senza perdere la sua funzione. | ✅ |
| 1.4.5 Immagini di testo | Le immagini contenenti testo sono da evitare, a meno che non sia assolutamente necessario o che il testo sia generato dall'input dell'utente. | ✅ |
| 1.4.6 Contrasto (migliorato) (opzionale, livello AAA) | Il rapporto di contrasto è 7:1 per il testo (continuo) e 4,5:1 per il testo grande. | ✅ |
| 1.4.7 Audio di sottofondo basso o assente | (è soddisfatto) | non rilevante |
| 1.4.8 Presentazione visiva (opzionale, livello AAA) | Può essere impostato in modo che il testo venga visualizzato come segue: - Colore di primo piano e di sfondo selezionabili - Non più di 80 caratteri in una riga - Nessuna giustificazione - Spaziatura tra le righe di almeno 1,5 - Spaziatura tra i paragrafi maggiore di 1,5 volte rispetto alla spaziatura tra le righe - Il testo può essere ingrandito fino al 200% senza dover scorrere orizzontalmente (su display standard a schermo intero) | ✅ |
| 1.4.9 Immagini di testo (nessuna eccezione) (opzionale, livello AAA) | vedere 1.4.5 | ✅ |
| 1.4.10 Riflusso | La pagina è reattiva → Tutti i contenuti sono accessibili a tutte le dimensioni dello schermo e non è necessario lo scorrimento in due dimensioni (verticale+orizzontale)... per i contenuti verticali con una larghezza di 320 pixel CSS per i contenuti orizzontali con un'altezza di 256 pixel CSS a meno che non sia assolutamente e giustificatamente necessario per gli elementi visualizzati in 2 dimensioni. | ✅ |
| 1.4.11 Contrasto non testuale | Gli elementi dell'interfaccia utente (input, pulsanti, ecc.) hanno un rapporto di contrasto di almeno 3:1, a meno che non siano disattivati o non venga utilizzato l'input standard del browser. Anche gli elementi grafici importanti per il contenuto devono avere un contrasto minimo di 3:1. | ✅ |
| 1.4.12 Spaziatura del testo | Se il browser applica la seguente formattazione del testo, la pagina continuerà a funzionare senza problemi: - altezza della riga di 1,5 - spaziatura tra i paragrafi: 2 x dimensione del carattere - spaziatura tra le lettere: 0,12 x dimensione del carattere - spaziatura tra le parole: 0,16 x dimensione del carattere | ✅ |
| 1.4.13 Contenuto su hover o focus | Se il contenuto viene aggiunto/rimosso passando il mouse/focus su un elemento (overlay, popover), allora: - questi possono essere chiusi (dismessi) a meno che non coprano mai qualcos'altro o comunichino un errore di input, - il cursore può essere spostato sul popover senza che scompaia, - il contenuto rimane visibile finché non viene chiuso, il focus viene rimosso o l'informazione non è più valida. | ✅ |
| 2.1 Accesso da tastiera | ||
| 2.1.1 Tastiera | Tutte le funzionalità sono accessibili e controllabili con la tastiera (tranne quelle impossibili per l'interfaccia esistente, ad esempio la firma autografa con il mouse). Le funzionalità non dipendono da una certa velocità di battitura. | ✅ |
| 2.1.2 Nessuna trappola per la tastiera | Il focus della tastiera non è bloccato. Se è necessario per una funzione e questo non è possibile con i tasti normali (Tab ecc.), il modo per rimuovere il focus è possibile con la tastiera ed è descritto nella pagina. | ✅ |
| 2.1.3 Tastiera (nessuna eccezione) (opzionale, livello AAA) | vedere 2.1.1 | ✅ |
| 2.1.4 Scorciatoie da tastiera per i caratteri | Se esistono scorciatoie da tastiera che utilizzano solo tasti normali (stampabili) senza modificatori (Ctrl, Alt, ...), queste sono: - disattivabili, - commutabili in Ctrl, Alt, ... + il tasto, - o attive solo quando l'elemento in questione ha il focus. | ✅ |
| 2.2 Tempo sufficiente | ||
| 2.2.1 Tempo regolabile (opzionale, livello AAA) | Se ci sono limiti di tempo (<20h), questi possono essere disattivati, regolati almeno fino a 10x o estesi. | ✅ |
| 2.2.2 Pausa, stop, nascondi | I contenuti che lampeggiano, si muovono automaticamente o scorrono per più di 5 secondi possono essere messi in pausa, fermati o nascosti. I contenuti che si aggiornano automaticamente e che vengono visualizzati in parallelo con altri contenuti possono essere messi in pausa, fermati o nascosti, oppure è possibile impostare la frequenza di aggiornamento. | ✅ |
| 2.2.3 Nessuna tempistica | Nessun limite di tempo o dipendenza dal tempo di reazione dell'utente. | ✅ |
| 2.2.4 Interruzioni (opzionale, livello AAA) | Le interruzioni possono essere ritardate o soppresse dall'utente, ad eccezione dei messaggi di emergenza. | ✅ |
| 2.2.5 Riautenticazione (opzionale, livello AAA) | Se la sessione scade, l'utente può continuare l'attività senza perdere i dati. | ✅ |
| 2.2.6 Timeout (opzionale, livello AAA) | Gli utenti vengono avvertiti e informati del limite di tempo se l'inattività può portare alla perdita di dati, a meno che i dati non vengano conservati per più di 20 ore. | ✅ |
| 2.3 Attacchi e reazioni fisiche | ||
| 2.3.1 Tre lampi o soglia inferiore | Non ci sono sfarfallii superiori a tre volte al secondo a più di 300x200 px combinati. | ✅ |
| 2.3.2 Tre lampi (opzionale, livello AAA) | Non sfarfalla più di 3 volte al secondo. | ✅ |
| 2.3.3 Animazione dalle interazioni (opzionale, livello AAA) | Tutte le animazioni di movimento non necessarie possono essere disattivate. Animazioni di movimento: Movimenti e cambiamenti di dimensione, non solo cambiamenti di colore o dissolvenza. | ✅ |
| 2.4 Navigabile | ||
| 2.4.1 Blocchi bypassati | I blocchi che si ripetono in più pagine (intestazione, navigazione, ecc.) possono essere saltati con un meccanismo per screen reader, ad esempio tramite link di navigazione, punti di riferimento ARIA, sezioni con titoli o menu a discesa. | ✅ |
| 2.4.2 Titolo della pagina | La pagina ha un titolo significativo. | ✅ |
| 2.4.3 Ordine di messa a fuoco | L'ordine di messa a fuoco delle schede è sensato. | ✅ |
| 2.4.4 Scopo del link (nel contesto) | Lo scopo di un link è riconoscibile dal testo del link (o al massimo insieme al testo circostante o alle intestazioni delle tabelle). | ✅ |
| 2.4.5 Vie multiple | Esiste più di un modo per raggiungere una pagina (eccezione: ad esempio, nelle procedure guidate o nelle pagine di conferma dell'ordine). Può essere implementato con "Link a pagine correlate", indice, mappa del sito o funzione di ricerca. | ✅ |
| 2.4.6 Titoli ed etichette | Sono presenti titoli ed etichette descrittive. | ✅ |
| 2.4.7 Focus visibile | Il focus della tastiera è sempre visibile quando si scorre. | ✅ |
| 2.4.8 Posizione (opzionale, livello AAA) | La posizione attuale sul sito web (ad esempio tramite le briciole di pane) è visibile. | ✅ |
| 2.4.9 Scopo del link (solo link) (facoltativo, livello AAA) | Lo scopo di un link è sempre riconoscibile dal testo del link, a meno che non sia poco chiaro anche per le persone non disabili. | ✅ |
| 2.4.10 Titoli di sezione (facoltativo, livello AAA) | I titoli di sezione servono a organizzare il contenuto. | ✅ |
| 2.5 Modalità di input | ||
| 2.5.1 Gesti del puntatore | Tutte le interazioni con gesti di movimento in cui non sono importanti solo i punti di inizio e fine o sono necessarie più dita possono essere eseguite anche con un gesto più semplice o con clic del mouse. | ✅ |
| 2.5.2 Cancellazione del puntatore | Un'azione non viene completata al passaggio del mouse, ma solo quando il mouse viene rilasciato sull'elemento e può essere annullata o annullata. | ✅ |
| 2.5.3 Etichetta nel nome | L'etichetta ARIA contiene il testo visibile dell'etichetta/pulsante. | ✅ |
| 2.5.4 Azionamento del movimento | Tutte le funzioni che si attivano muovendo/scuotendo/ruotando il dispositivo possono essere controllate alternativamente nell'interfaccia utente e la reazione ai movimenti può essere disattivata. | non pertinente |
| 2.5.5 Dimensioni del target (opzionale, livello AAA) | Gli elementi cliccabili hanno una dimensione minima di 44 × 44 pixel CSS o esiste un'alternativa di dimensioni corrispondenti, ad eccezione dei link nel testo continuo. | ✅ |
| 2.5.6 Meccanismi di input simultanei (facoltativo, livello AAA) | Il sito web non limita inutilmente il metodo di input. Il touch, il mouse e la tastiera funzionano ugualmente bene ed è facile passare da uno all'altro. | ✅ |
| 3.1 Leggibilità | ||
| 3.1.1 Lingua della pagina | La lingua principale della pagina è riconoscibile programmaticamente. | ✅ |
| 3.1.2 Lingua delle parti | I cambiamenti di lingua in singole sezioni o parole sono etichettati programmaticamente. Eccezioni: Termini tecnici, nomi propri, ecc. | ✅ |
| 3.1.3 Parole insolite (opzionale, livello AAA) | Per le parole insolite è previsto un meccanismo di spiegazione(<dl>, <dfn>, glossario, ecc.). | ✅ |
| 3.1.4 Abbreviazioni (facoltativo, livello AAA) | Esiste un meccanismo per le abbreviazioni con la forma o il significato scritto. | ✅ |
| 3.1.5 Livello di lettura (opzionale, livello AAA) | Per un linguaggio più complesso rispetto al livello scolastico principale, sono disponibili testi esplicativi o un'alternativa più semplice. | ✅ |
| 3.1.6 Pronuncia (opzionale, livello AAA) | Se la pronuncia di una parola dipende dal contesto o il significato non è chiaro senza la pronuncia, si può identificare la pronuncia. | ✅ |
| 3.2 Prevedibile | ||
| 3.2.1 Sulla messa a fuoco | La sola impostazione del focus su un elemento non innesca un cambio di pagina o un intervento simile su larga scala nella pagina. | ✅ |
| 3.2.2 Su input | La sola modifica del valore di un elemento di input non determina un cambio di pagina o di focus, a meno che l'utente non sia stato preventivamente informato. | ✅ |
| 3.2.3 Navigazione coerente | La navigazione sul sito web è coerente. L'ordine delle voci di menu rimane invariato, a meno che l'utente non lo modifichi intenzionalmente. | ✅ |
| 3.2.4 Identificazione coerente | Gli elementi con la stessa funzione sono denominati e riconoscibili in modo coerente. | ✅ |
| 3.2.5 Modifica su richiesta (opzionale, livello AAA) | Il cambio di pagina e interventi simili su larga scala (così come il cambio di focus) vengono attivati solo su richiesta dell'utente o possono essere disattivati. | ✅ |
| 3.3 Assistenza all'input | ||
| 3.3.1 Identificazione degli errori | In caso di errori di input, viene identificato il campo di input con l'errore e viene descritto il problema. | ✅ |
| 3.3.2 Etichette o istruzioni | Le etichette o le istruzioni aiutano nell'inserimento. | ✅ |
| 3.3.3 Suggerimento di errori | Se vengono riconosciuti degli errori, vengono suggerite delle correzioni (se possibile in modo sicuro). | ✅ |
| 3.3.4 Prevenzione degli errori (legali, finanziari, dati) | Le voci rilevanti dal punto di vista legale o finanziario possono essere cancellate o controllate. | ✅ |
| 3.3.5 Aiuto (opzionale, livello AAA) | È disponibile un aiuto contestuale. | ✅ |
| 3.3.6 Prevenzione degli errori (tutti) (opzionale, livello AAA) | Per tutti gli inserimenti dell'utente, l'inserimento può essere annullato, viene controllato per verificare la presenza di errori (con l'opzione di correzione) o viene confermato con una revisione delle modifiche. | ✅ |
| 4.1 Compatibile | ||
| 4.1.1 Parsing | L'HTML è valido, gli ID sono unici. | ✅ |
| 4.1.2 Nome, ruolo, valore | Nome/etichetta e ruolo/funzione sono riconoscibili programmaticamente per gli elementi del modulo non standard. Gli stati e le proprietà ARIA sono impostati. | ✅ |
| 4.1.3 Messaggi di stato | I messaggi di stato live possono essere riconosciuti come tali in modo programmatico. | ✅ |
Domande frequenti
Abbiamo suscitato il vostro interesse?
Volete anche voi rendere il vostro sito web privo di barriere architettoniche e avete bisogno di un banner per i cookie conforme alla BFSG e al GDPR, ma avete ancora domande sul design del contratto o sulle capacità tecniche del sistema? Nessun problema: saremo lieti di aiutarvi! Compilate semplicemente tutti i campi contrassegnati da un asterisco (*) e vi risponderemo al più presto. Saremo lieti di ricevere la vostra richiesta!
Se avete domande, potete naturalmente contattarci anche per telefono, e-mail o tramite il nostro modulo di contatto.
Tel: +49 228 536 637 26
E-mail: [email protected]