Landing page accessibili per i tuoi visitatori.
SmartChat crea la tua landing page in modo che più persone possano leggerla, usarla e iscriversi alla tua newsletter WhatsApp.
Il contrasto viene misurato.
Se cambi i colori della tua landing page, SmartChat misura il contrasto secondo le WCAG. Se è sotto 4,5:1, SmartChat blocca il colore, così il testo resta ben leggibile.
Coppie di colori verificate
Nella prima creazione SmartChat AI usa solo coppie di colori verificate a mano per un contrasto sufficiente.
Il contrasto troppo debole viene bloccato
SmartChat impedisce un contrasto troppo debole. Il valore di 4,5 a 1 è obbligatorio.
Le parti fisse restano
Note legali, privacy e modulo di iscrizione non si possono nascondere.
L'accessibilità è nel codice della tua landing page.
Queste parti le inserisce SmartChat in automatico, tu non devi programmare nulla.
.bk-btn:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }Focus visibile
Chi si muove sulla tua pagina con il tasto Tab vede un bordo ben visibile su pulsanti, domande e link. Sulle superfici scure è bianco.
<html lang="it">Lingua della pagina
Gli screen reader e la traduzione del browser leggono la tua landing page nella lingua giusta.
<img alt="Backhaus Sommer: immagine principale dell'attività">Descrizioni delle immagini
Ogni immagine ha una descrizione nella lingua della tua pagina che ne indica il ruolo.
<div role="dialog" aria-modal="true"> <button aria-label="Chiudi"> <select aria-label="Prefisso internazionale">Finestra di iscrizione con etichette
La finestra di iscrizione è contrassegnata come finestra di dialogo. Il pulsante Chiudi e il prefisso internazionale hanno una descrizione.
@media (prefers-reduced-motion: reduce) { .bk-hero-video video { display: none } }Meno animazioni
Se un visitatore ha impostato meno animazioni, la tua pagina mostra un'immagine fissa al posto del video di sfondo.
Una finestra di iscrizione con etichette.
Gli screen reader riconoscono la finestra di iscrizione come finestra di dialogo con titolo. Anche il campo del prefisso internazionale e il pulsante Chiudi hanno un'etichetta.
Finestra di dialogo con titolo
La finestra dice agli screen reader di cosa si tratta.
Prefisso con etichetta
La scelta del prefisso viene letta come prefisso internazionale.
Senza animazione su richiesta
Con meno animazioni, la finestra compare senza animazione.
Cosa fa SmartChat e cosa controlli tu da solo
SmartChat crea le basi. Questo però non sostituisce un test completo della tua pagina.
Questo lo controlli tu
- Colori tuoi: controlla tu se la tua pagina è ben leggibile per i tuoi visitatori.
- Immagini tue: scrivi le informazioni importanti come testo sulla pagina, così gli screen reader possono leggerle.
- Legge: se per la tua azienda valgono regole particolari, lo chiarisci con il tuo consulente legale.
Questo lo fa SmartChat
- Misurare il contrasto secondo le WCAG e bloccare il contrasto troppo debole.
- Bordo visibile per l'uso con la tastiera.
- Lingua della pagina, descrizioni delle immagini e meno animazioni su richiesta.
Domande frequenti sulla accessibilità.
La mia landing page SmartChat è accessibile?
SmartChat integra in automatico molte basi: contrasto misurato, focus da tastiera visibile, lingua della pagina, descrizioni delle immagini, una finestra di iscrizione con etichette e meno animazioni su richiesta. Questo però non sostituisce un test completo della tua pagina.
Sostituisce una verifica legale?
Questo SmartChat non può garantirtelo. Se per la tua azienda valgono regole particolari e cosa richiedono, lo chiarisci con il tuo consulente legale.
Come controlla SmartChat il contrasto?
SmartChat calcola il rapporto di contrasto tra testo e sfondo secondo le WCAG. Se è sotto 4,5:1, SmartChat blocca il colore, così il testo resta ben leggibile.
SmartChat blocca i colori con poco contrasto?
Sì. SmartChat impedisce un contrasto troppo debole: il valore di 4,5 a 1 è obbligatorio. Nella prima creazione SmartChat AI usa solo coppie di colori con contrasto verificato.
La mia landing page si può usare con la tastiera?
Pulsanti, domande a scomparsa e link nel piè di pagina mostrano un bordo ben visibile quando qualcuno si muove sulla pagina con il tasto Tab. Sulle superfici scure il bordo è bianco.
Cosa legge uno screen reader nelle mie immagini?
Ogni immagine ha una descrizione nella lingua della tua pagina, ad esempio „Backhaus Sommer: immagine principale dell'attività“. Indica il ruolo dell'immagine, non ogni suo dettaglio.
Perché la lingua è nel codice della mia landing page?
Così gli screen reader e la traduzione del browser leggono la tua pagina nella lingua giusta. SmartChat inserisce la lingua in automatico.
Cosa vedono i visitatori che hanno impostato meno animazioni?
Al posto del video di sfondo, un'immagine fissa. I movimenti dei pulsanti e l'animazione della finestra di iscrizione spariscono.
La finestra di iscrizione è comprensibile per gli screen reader?
È contrassegnata come finestra di dialogo con titolo, e il pulsante Chiudi e il prefisso internazionale hanno un'etichetta.
Questa pagina parla dell'accessibilità del sito di SmartChat?
No, questa pagina mostra le landing page che SmartChat crea per te. La nostra dichiarazione la trovi in Accessibilità.
Crea la tua landing page in 60 secondi.
Inserisci il tuo sito web. SmartChat AI crea la tua landing page con contrasto misurato, focus visibile e descrizioni delle immagini.