Accessible website when zoomed in

Dear Webflow Community,

I am currently building a website for a client that is as accessible as possible. In the canvas settings I can set a text zoom preview. But the site (especially the menu) looks terrible when I set larger text, and I would like it to switch to the mobile version for larger text, so that everything fits well.

My first idea was to use JavaScript to detect what text size is set in the browser, and then maybe have Webflow provide a way to display the mobile version then… but after much research, it seems not really possible to detect what text size is currently set? And if Webflow can just give the option to display mobile, I don’t have much hope.

Do you have any idea how I can achieve this? I would be happy to exchange thoughts.