@sellhorn

möchte die Texte mittels Button auf der fertigen Seite vergrößern oder verkleinern

Dazu findest Du im WWW einige Beispiele mit den nötigen Scriptcodes zum Download, z. B. hier.

Wenn Du die heruntergeladenen Bausteine (HTML, JScript) für deine Zwecke anpasst und in ein Projekt im WD Editor übernimmst, dann hast du die Lösung für dein Problem.
Eine online Demo, die ich aus den o. a. "Bausteinen" zusammengebaut habe, kannst Du hier sehen.

Die Buttons sind so groß angelegt, dass sie auch von einem Sehbehinderten erkannt werden können.
Mehrfaches klicken auf einen der Buttons "Zoom +" oder "Zoom -" vergrößert/verkleinert den dafür angelegten Text stufenweise.

Im WD Editor habe ich je 1 Platzhalter angelegt für die Buttons und für den Text.
Der Text kommt von einer extra dafür im Projekt angelegten Seite, die ansonsten völlig leer sein muss.

Im HTML Body der Platzhalter und im HTML Body der Seite werden die o. a. Scriptcodes wie folgt abgelegt:

HTML Body der Seite

<script>
 var zoom = 1;
 var zoomStep = 0.1;
document.getElementById("zoomIn").addEventListener("click",function(){
zoom += zoomStep;
document.getElementById("zoomtext").style.transform = "scale("+zoom+")";});
document.getElementById("reset").addEventListener("click",function() {zoom = 1;
document.getElementById("zoomtext").style.transform = "scale("+zoom+")";});
document.getElementById("zoomOut").addEventListener("click",function(){if(zoom > 
zoomStep){zoom -= zoomStep;
document.getElementById("zoomtext").style.transform = "scale("+zoom+")";}});
</script>

HTML Body des Platzhalters für die Buttons

<button id="zoomIn"style="height: 50px; width: 130px; font-size: 2em;">Zoom +</button>
<button id="reset"style="height: 50px; width: 100px; font-size: 2em;">Reset</button>
<button id="zoomOut" style="height: 50px; width: 120px; font-size: 2em;">Zoom -</button>

HTML Body des Platzhalters für den Text

<div id="zoombox">
<iframe id= "zoomtext" src="zoomtx.htm" frameborder="0" height = 100% width = 100%
scrolling="no" name="xara_iframe" ><p>Your browser does not support iframes.</p>
</iframe>
<style>
#zoomtext{
height: 650px;
width: 100%;
transform-origin:top left;
}
#zoombox {
height: 100%;
width: 100%;
overflow: auto;
}
</style>
</div>

So sieht das im Editor aus:

Das Ganze sieht komplizierter aus, als es ist, wenn du dich an die o. a. Vorgaben hältst. 😉

Danke Euch beiden für die Lösungsvorschläge. Ich probiere es aus und melde mich. Gruß sellhorn

Hallo robbin, Deine Lösung funktioniert auf anhieb. Hallo marboe, Deine Lösung ist eine Alternative. Danke!! :-)