Consent Modal – Button placement on mobile very hard to use

Hi guys,

we use the consent management modal on several customer projects. It is quite content heavy and requires many interactions to be used. This is not ideal but you can live with it.

On mobile it is a different story though. Due to the buttons being placed at the end of the modal, several issues arise:

1. You have multiple scrolling areas
– Within the content of the tabs
– The modal itself to reach the buttons
2. The buttons are out of the viewport and very hard to reach. This creates a barrier for some visitors
3. In landscape mode on small devices the modal is placed at the lower edge of the screen. The buttons are at the very edge of it and partly off screen. This makes it even harder to use

To fix the most urgent issue, I would suggest making the buttons sticky / fixed at the lower end of the modal. The content can and should remain scrollable. But the buttons have to be there in the initial viewport.

Here are some good examples of very well done consent management tools which I would recommend as boilerplate. Make sure to check their mobile behaviour as well!

https://www.lufthansa.com/de/en/homepage
https://www.heise.de/

The consent tool should benefit a lot from slimming it’s content and moving the text elements behind toggles.

Looking forward for your response on this suggestions.

Best,
Jan

• This topic was modified 4 years, 9 months ago by Jan Thiel. Reason: Original posted in wrong sub-forum