Narration markup

If you need fine-grained, page-specific control over the text that appears in your narration, use the markup below.

Skip content

`class="t3a-do-not-narrate"`

Anything inside an element with this class is removed before narration.

<div class="t3a-do-not-narrate">
  <p>Subscribe to our newsletter for weekly updates.</p>
</div>

Add audio-only notes

`class="t3a-audio-note"`

Anything inside an element with this class is available to the narration pipeline, but can be visually hidden from the page.

<div class="t3a-audio-note">
  <p>Audio note: there's a picture of a cat here.</p>
</div>

Your CSS must include a rule to hide the audio notes:

.t3a-audio-note {
  display: none !important;
}

If you use the TYPE III AUDIO WordPress plugin, you do not need to write these classes by hand. Use the "Do not narrate" block control to exclude a block from audio, or insert an "Audio Note" block for narration-only text. The plugin adds the correct markup and hides audio notes on the front end.