I am trying to display a website using the new WebPage and WebView introduced in iOS 26 but I am not sure how to scale the text. I want to add two buttons in the toolbar that will allow the user to increase and decrease the the text size. I know that I can use pageZoom with the old WKWebView but the problem with pageZoom is that it doesn't give enough horizontal space. It does however increase the text size in a way that I want.

I specifically want exactly what Apple has in their Safari App on iOS. Where a user can press on the smaller and bigger "A" to decrease and increase the text size respectively. I have included a gif below:
[![A gif showing the increasing and decreasing text size feature of the Safari App on iOS.][1]][1]

How do I go about implementing this feature using WebPage and WebView? I do want to say that I don't much HTML, CSS and Javascript. I have been reading about doing this and many resources recommended injecting Javascript to change HTML or CSS tags. But none of them have worked i the way. that the gif shows.

I want to make it so that horizontal scroll isn't required when the text size is increased unless an element of the HTML requires it. The website I am trying to render will include many tables.

I would appreciate if someone could guide me on how to implement this feature.