Submit a request
Submit a request

Editing ARIA labels for text in the rich text editor

Screen readers typically read aloud the visible text in the questions preview, so that learners with visual impairments can understand the question and possible responses options, and then choose to answer the question correctly. Often, authors need a way of overwriting the visible text with something more meaningful for screen readers without altering the visual representation of the question. 

For example, for the question below, authors would want screen readers to read out "__________" as "blank" instead of it being read out as underscore, underscore, underscore.... in the question's stimulus.

  Screen_reader_text.png

Figure 1: Case where an author would want the screenreader to read aloud something else than the actual visible text. 

Authors can select the blanks represented by underscores and click on the edit ARIA label option.

Edit_ARIA_label.png

Figure 2: The Edit ARIA label option in the rich text editor.

Clicking on the option will launch a pop-up with two fields. Text label, which is the text that would be visually shown as part of the widget's content, and the

Edit_ARIA_label_options.png

Figure 3: The Edit ARIA label options.

Authors can edit the actual text which is shown in the widget content as well as edit the ARIA label

ARIA_label_visual_indicator-2.png

Figure 4: The visual indicator for text with ARIA label defined.

The visual indicator will be shown only in the rich text editor in the edit mode and will not be shown when previewing the widget. Authors can hover the mouse cursor over the visual indicator for text which has ARIA labels defined, to easily access the ARIA label options such as edit and remove.

Authors can define ARIA labels for any visible text in the widget's contents including the stimulus, possible responses, and so on.

Was this article helpful?
0 out of 0 found this helpful

Did you arrive here by accident? If so, learn more about Learnosity by clicking here.