Modal

Dialogue de téléphone

Nous avons créé une maquette de ce que le code pour une dialogue de téléphone ici, avec ces caractéristiques.

• onglet correctement pris au piège dans le modal
• Entête (h3) dans le modal
• menu déroulant accessible pour choisir le code du pays
• en utilisant les boutons pour la fermeture et soumettre.
• ESC ferme la boîte de dialogue et renvoie l'utilisateur au bouton de déclenchement d'origine

Voici un modèle exemple sans beaucoup de CSS, cliquez le bouton

X

We will call you back free of charge

Enter your telephone number and click on "Call me back". We will call you back immediately.

telephone number not valid

+44

• +33
• +1
• +44
• +34
• +39
• +31
• +32
• +41
• +49
• +86
• +55

Hello! In order to provide you with the best possible support, we need to save the history of all the exchanges we are going to have together and view your activity on the website during the conversation. For more information

Call me back

Discussion de la fenêtre de Chat

Pour l'icône qui apparaît au chargement de la page comme cette page, ajuster le texte alt

Texte alternatif actuel

Solution alt text (et envisagez d'utiliser un bouton au lieu d'un lien)

<button><img class="idz_btnimg" id="idz_btnimgon" name="online" border="0" alt="Open the chat window and type your question." src="//fstatic.iadvize.com/images/livechat/dior3/idz-dior-btn-onlychat.png" style="border: none;">

Après avoir appuyé sur le bouton de réduction dans le dialogue

Une fois la boîte que le dialogue est ouverte, il y a un bouton pour réduire le dialogue. Ceci réduire la boîte de dialogue et il place une autre icoône sur la page. Il y a deux choses à réparer.

1. Assurez-vous que lorsque ce bouton est cliqué, le focus est placé dans la boîte de dialogue avec le même comportement que l'icône qui apparaît sur le chargement de la page. Exemple
2. Après ça (#1) ajuster le texte alternatif

(1) Texte alternatif actuel

<button id="idz_chatbar_mini" style="" title="Open the chat window. Note: Focus will be placed at top of this page. Go to the heading that says 'Any Questions?'." class=""> Continue the conversation <div class="idz_chatbar_mini_open"></div></button>

(2) Texte alternatif actuel pour l'icône une fois que le focus est résolu au dessus (#1 )

<button id="idz_chatbar_mini" style="" title="Reopen the chat window." class=""> Continue the conversation <div class="idz_chatbar_mini_open"></div></button>