Narration markup

TYPE III AUDIO works without any special markup. These optional classes give you more control when a page contains content that should be skipped, or when the audio needs extra context that should not appear visually on the page.

Skip content

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

Anything inside an element with this class is removed before narration. Use it for content that helps visual readers but would be distracting, redundant, or confusing in audio.

Common examples include newsletter signup boxes, page furniture, correction notes, visual-only calls to action, and interactive elements that do not translate well to audio.

<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 hidden from the visual page. Use it when the audio needs a note, transition, pronunciation hint, or extra explanation that would be odd to show to readers.

<div class="t3a-audio-note">
  <p>Audio note: pronounce T3A as tee three ay.</p>
</div>

If you add the markup manually, hide the note with CSS so it does not appear on the page:

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

Place audio notes close to the section they describe. The note should be inside the article content, not in a global header, footer, or template area that the article extractor might ignore.

WordPress

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.