FAQ

Passaggio ad altri sistemi #

Puoi utilizzare Clerk.io Chat come assistente di primo livello e trasferire la conversazione alla tua chat di supporto quando un visitatore richiede di parlare con un umano.

Clerk.io richiama il hook onSupport quando viene attivata l’azione di supporto in Chat. Il callback riceve un oggetto event che contiene un riepilogo della conversazione. Nell’esempio qui sotto, l’oggetto event si chiama e.

Utilizza il riepilogo per aprire il tuo provider di chat con il contesto della conversazione. Sostituisci le funzioni segnaposto con l’API o l’integrazione JavaScript fornite dal tuo provider di chat.

Clerk('config', {
  key: 'YOUR_PUBLIC_API_KEY',
  chat: {
    onSupport: function (e) {
      Clerk('chat', 'disable');
      Clerk('chat', 'close');

      open_support_chat({
        message: e
      });
    }
  }
});

Se il tuo provider necessita di un campo specifico dall’oggetto event, ispeziona e nella console del browser e passa quel campo invece dell’intero oggetto.

function open_support_chat(context) {
  // Sostituisci questo con l’integrazione del tuo provider di chat.
  window.SendDeskWidget.open({
    context: context.message
  });
}

Il metodo esatto per aprire la chat esterna dipende dal provider. Gli aspetti importanti sono conservare il riepilogo, disabilitare Clerk.io Chat e aprire la nuova chat una volta che i dati di trasferimento sono pronti.

Funzionalità di accessibilità #

Clerk.io Chat è progettato per funzionare con la navigazione da tastiera e i lettori di schermo. I suoi controlli utilizzano nomi e stati chiari, così i visitatori possono comprendere e usare Chat senza dipendere dal mouse o da indicatori visivi.

Apertura di Chat #

• Chat viene annunciato ai lettori di schermo come un dialogo con un nome chiaro.
• Il launcher informa i visitatori se Chat è aperto o chiuso.
• Quando Chat si apre, il focus della tastiera si sposta nel pannello. Quando viene chiuso, il focus ritorna al controllo utilizzato dal visitatore prima di aprirlo.
• Premendo Escape si chiude Chat solo mentre il visitatore sta usando Chat. Non modifica il funzionamento di Escape altrove nel webshop.

Navigazione da tastiera #

• I visitatori possono usare Tab e Shift+Tab per muoversi tra i controlli di Chat in un ordine logico, inclusi i controlli nidificati come pulire, ridimensionare e chiudere Chat.
• Il focus rimane all’interno del pannello di Chat quando è aperto, quindi non salta inaspettatamente sulla pagina sottostante.
• Pulsanti e link mostrano un chiaro contorno di focus ad alto contrasto.
• I controlli hanno nomi descrittivi, incluso apri o chiudi Chat, cancella conversazione, ingrandisci o riduci Chat, elimina notifica e prodotti precedenti o successivi.

Messaggi #

• I lettori di schermo annunciano una nuova risposta dell’assistente quando la risposta è completa.
• I visitatori possono spostare il focus della tastiera sui singoli messaggi di testo per rivederli.
• Il campo del messaggio è esposto come una casella di testo etichettata.
• I controlli per inviare e il microfono sono veri pulsanti con nomi chiari. Anche lo stato disabilitato viene comunicato quando un’azione non è disponibile.
• Gli avatar decorativi sono ignorati dai lettori di schermo, riducendo annunci non necessari.

Notifiche e prodotti #

• Le notifiche toast annunciano il messaggio della notifica stessa, invece di annunciare solo il controllo di chiusura.
• Le frecce del carosello dei prodotti vengono rimosse dalla navigazione da tastiera su mobile quando sono nascoste.
• Dove il testo relativo al consenso è mostrato accanto al campo del messaggio, esso è collegato al campo come informazione aggiuntiva per gli utenti dei lettori di schermo.

Queste funzionalità rendono Chat più facile da usare per i visitatori che navigano tramite tastiera, utilizzano un lettore di schermo o necessitano di chiari indicatori visivi di focus. Anche il tema e i contenuti circostanti del tuo webshop dovrebbero seguire pratiche di design accessibile.