Make it easier to close Hubspot Conversations on mobile

Hi Wendy,

Thanks for the quick response.

I’m referring to the first image, which shows the welcome message. Please see the following screenshots which show the tappable areas of the two different ‘x’ buttons for th Hubspot chat widget on our website.

You’ll see that the tappable area shown for the welcome message is tiny at 14x26 pixels. THis is highlighted in blue using Chrome dev tools.

However the x to close the actual full screen hubspot conversations window has a larger tappable area around the ‘x’ of 40x40 pixels. The blue area highlighted by Chrome deve tools is much bigger than the actual x.

In fact if you refer to the google developer guidelines on accessiblity they refer to a minimum tappable size of 48x48 px. This is documented here: Accessibility  |  web.dev but I’ve included a screenshot below of the relevant section. As you can see by the highlighted area in orange, the idea is that if your icon is smaller in size, you simply increase the tappable area around it for humans using fingers instead of mouse pointers.

You can see this on our site at https://www.timbuktutravel.com/

In summary, what I’m asking for is to change to closing ‘x’ on the welcome message so that it has a larger tappable area, in the same way as this has been done for the closing ‘x’ on the full screen chat window.

Many thanks for all your hard work at Hubspot