添加 aria-label、alt 和 title 属性

<< 点击以显示目录 >>

  系统设定及自定义 > 控制面板 > 使用聊天按钮代码 > 标准代码 >

添加 aria-label、alt 和 title 属性

常规

 

聊天按钮图标的 ALT、TITLE 和 ARIA-LABEL 属性

 

这将为在线和离线聊天图标添加 alt、title 和 aria-label 属性。

 

方法一(你已经有了代码,不想替换)

1.在您的聊天按钮代码中,找到 Date.now()。

2.在它之后,插入以下行(需要引号!):

 

+"&online-tooltip=Tooltip%20Text&offline-tooltip=Tooltip%20Text"

 

方法二(从头编写代码)

1.在您的帐户中,转至聊天按钮代码 > 将信息从您的网站脚本传递给操作员。

2.在字段名称输入中,输入 online-tooltip,然后在字段内容输入中的旁边,输入在线聊天按钮 ALT/TITLE/ARIA-LABEL 属性的值(例如,在线聊天)。

3.在下一个字段名称输入中,输入 offline-tooltip,然后在字段内容输入中的旁边,输入离线聊天按钮 ALT/TITLE/ARIA-LABEL 属性的值(例如,离线聊天)。

4.复制生成的代码并粘贴到您的网站源代码中。

 

解释:

&online-tooltip - 在线聊天按钮工具提示的参数

&offline-tooltip - 离线聊天按钮工具提示的参数

Tooltip%20Text - 将用作 alt、标题和 aria-label 的自定义文本

%20 - 替换空格

 

例子:

 

将代码中的 account_hash 替换为您的实际帐户名或帐户哈希。

 

<!-- BEGIN ProvideSupport.com Pass Information Chat Button Code -->

<script>window.addEventListener("load",function(){function n(n,e){e=document.createElement("script");

e.src="https://image.providesupport.com/"+n,

document.body.appendChild(e)}n("js/account_hash/safe-standard-sync.js?ps_h=7uWf&ps_t="+Date.now()+

"&online-tooltip=Live%20Chat%20Online&offline-tooltip=Live%20Chat%20Offline"),n("sjs/static.js")})</script><noscript><div style="display:inline">

<a href="https://vm.providesupport.com/account_hash">Online Support Chat</a></div></noscript>

<!-- END ProvideSupport.com Pass Information Chat Button Code -->