Resizing text - accessibility

Ask the community
,
1

Hi!
Does anyone know of a way to get resize text buttons like the ones below on a site in regards to better accessibility?

2

Hi Anna!

This forum is dedicated exclusively to issues regarding WixCode.
Your question seems to be unrelated and so I suggest you to contact the Wix Support Center as they know best.

Doron.

3

I have already been in contact with them several times, they suggested I ask here if anyone has been able to do this with the wix code feature.

4

Alrighty then!

Please elaborate on what are you trying to achieve in order for us to find you a solution :slight_smile:

Doron.

5

@doron-alkalay I am making a page for a company that has to have as much asseccibility features as possible to reach everyone. And they want text resizing buttons, like the ones in the picture above, so they can resize the text on the page without using the browsers feature.

6

@annasteinsund an awesome feature to have indeed!

First I’d suggest you to read this API reference about Text Style.
Using this method you can change and adjust different features of the Text (size, font, color, etc.)

What you need to do is to create your buttons and add an event listener of “.onClick”.
Once they are clicked use the text style method to reduce/enlarge the font size accordingly.

Let me know if it works for you!

Doron.

7

@doron-alkalay Hi!
Soo, I know next to nothing about coding and can not for the life of me get this right, heh.
Is this even close to how it’s supposed to look?

export function vectorImage1_click(event) {
.onclick (style:);
} );

8

Hi,
You code should look like this, modify it to match your site:

export function text41_onClick(event, $w) {
  $w("#text41").html = `<p><font size="5"> ${$w("#text41").text}</font </p>`;
}

I’d also recommend you to read some articles about wix code basics here.

Good luck :slight_smile:
Or