Add a switch for your users

How-to

Let people deactivate and activate the 'Send feedback' button themselves, next to your other display or accessibility settings.

Steps

1. Add a switch to your settings page, with this label and hint: - Label: Show Send feedback - Hint: "A button for sending feedback or reporting a problem on any page. Reports never include your personal details."
2. Use a real switch, so screen readers announce it as on or off:

<button type="button" role="switch" aria-checked="true" id="snag-switch">Show Send feedback</button>

3. Connect it to Snaglist. Deactivating it hides the button and remembers the choice in this browser:

const button = document.getElementById("snag-switch");
button.setAttribute("aria-checked", String(Snaglist.isUserEnabled()));
button.addEventListener("click", () => {
  const on = button.getAttribute("aria-checked") !== "true";
  button.setAttribute("aria-checked", String(on));
  Snaglist.setUserEnabled(on); // on again restarts Snaglist with the settings it had
});

4. Deactivate the switch, then activate it again, and check the button goes and comes back.

Things to note

• If your app has accounts, also save the choice with the account, and call Snaglist.setUserEnabled(savedValue) before Snaglist.start() on each page load. Then the choice follows the person to every device.
• To ignore people's choice, for example in a test build, set userToggle: false.

Find out more

• Deactivate Send feedback, the help for your users
• Activate or deactivate Snaglist for everyone