# Accessibility feature

**URL:** <https://community.elfsight.com/t/accessibility-feature/57434>\
**Category:** Customization\
**Tags:** whatsapp-chat\
**Created:** [June 18, 2024, 9:36am UTC](https://community.elfsight.com/t/accessibility-feature/57434 "2024-06-18T09:36:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Melissa\_Lyons](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/melissa_lyons/32/26276_2.png) [@Melissa\_Lyons](https://community.elfsight.com/u/Melissa_Lyons)\
**Post date:** [June 18, 2024, 9:36am UTC](https://community.elfsight.com/t/accessibility-feature/57434/1 "2024-06-18T09:36:57Z")

</div>

Can we change the button name from button to whatsapp for accessibility purposes?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 18, 2024, 9:59am UTC](https://community.elfsight.com/t/accessibility-feature/57434/3 "2024-06-18T09:59:21Z")

</div>

Hey there @Melissa_Lyons 👋

Sure! Our devs came up with a custom script for your case:

```auto
const LABEL = "WhatsApp";

const waitForElement = (selector, root = document) => new Promise(res => {
  let i = 0;

  const check = () => {
    const component = root.querySelector(selector);

    if (component) {
      res(component);
    } else if (i !== 50) {
      setTimeout(check, 100);
      i++;
    }
  };

  check();
});

waitForElement("[class*='Bubble__BubbleComponent-sc']").then(button => {
  button.ariaLabel = LABEL;
});

```

  

Just add it to the Custom JS field on the Appearance tab of your widget’s settings and let me know if it helped 😉