Skip to main content
Version: v12.0.0

Accessibility Button on Mobile

The customButtonStyle parameter allows customizing the accessibility button on the mobile version.

When instantiating HT, include the customButtonStyle object within the mobileConfig parameter.

Example of Customizing the Accessibility Button on Mobile​

<body>
  <!-- Imports the latest version of the Hand Talk plugin -->
  <script src="https://plugin.handtalk.me/web/latest/handtalk.min.js"></script>
  <script>
    var ht = new HT({
      // Replace with your access token
      token: "TOKEN",
      mobileConfig: {
        // Example of customizing the accessibility button
        customButtonStyle: {
          borderRadius: "6px",
          bottomMargin: "60px",
          horizontalMargin: "4.4vw",
          size: "40px"
        }
      }
    });
  </script>
</body>
Important

When enabling the customButtonStyle parameter, the accessibility button animations will be disabled.

Available Parameters​

ConfigurationDescriptionValuesDefault
sizeDefines the width and height of the buttonstringundefined
borderRadiusButton rounding levelstringundefined
horizontalMarginMargin between the button and the screen sides (defined in the side parameter)stringundefined
bottomMarginMargin between the button and the bottom edge of the screenstringundefined
tip

You can define only the parameters you want. If you do not configure any of them, the button will maintain Hand Talk's default values.