How do I make the score elements WCAG-proof

The Mopinion standard web forms are designed to be WCAG-proof as soon as you turn on the WCAG functionality Do the Mopinion feedback forms comply with WCAG guidelines? | Creating ‘WCAG proof’ Feedback Forms.

For the score elements an additional configuration is required. The setting Show labels need to be turned on to be fully WCAG-proof.

Select the score element.

Open

Turn on the setting Show labels

Open

The label values will show.

Open

Rephrase the values as 1 of 10, 2 of 10, etc.

Open

With the score element configured like this screen readers will read the value thereby providing context about the dimension of the score instead of only the score value.

So if you change the dimension of the score for example from 10 to 5, you should also update the labels accordingly. E.g. 1 of 5, 2 of 5, etc.

Open

`