Follow

How do I add, remove and edit screen reader text to an element?

You can use Claro's Accessibility feature to add Screen Reader Text to any element on the page.

To add Screen Reader Text to an element:

  1. Select the element for which you want to add the text.
  2. From the Control bar located immediately above the authoring stage, select the Accessibility icon. This will open the Accessibility modal.
  3. From here you'll notice that the Focusable option is selected. This option allows the learner to tab onto the element. You will want this option selected if you want a screen reader to read the text you provide.
  4. Enter the desired text into the Screen Reader Text field.
  5. Select Done.

To edit Screen Reader text:

  1. Select the element for which you want to edit the text.
  2. From the Control bar located immediately above the authoring stage, select the Accessibility icon. This will open the Accessibility modal.
  3. From here you'll see a Focusable option. This option allows the learner to tab onto the element. You will want this option selected if you want a screen reader to read the text you provide.
  4. Edit the text in the Screen Reader Text field.
  5. Select Done.

To delete Screen Reader text:

  1. Select the element for which you want to remove the text.
  2. From the Control bar located immediately above the authoring stage, select the Accessibility icon. This will open the Accessibility modal.
  3. From here you'll see a Focusable option. This option allows the learner to tab onto the element. You will want this option selected if you want a screen reader to read the text you provide.
    Note: Even if you have no text in the Screen Reader Text field, learners may still benefit from having the element Focusable because other information, such as alt text, may be provided.
  4. Select the text you want to delete from the Screen Reader Text field and press Delete on your keyboard.
  5. Select Done.
Note: For elements that contain both screen reader text and alt text, the screen reader text is read on the first tab and the second tab will read the element type followed by the alt text.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments