A
B
C
D
In the figure above, what fraction of the rectangle ABCD is shaded?
Catalog with Dynamic TTS
This is an example of an item with a QTI 3 Catalog that contains Dynamic TTS overrides for three elements in the item. When Dynamic TTS is enabled, the Dynamic TTS Player processes the content of the item in so-called, "DOM order". However, there may be times when you want to override the default voicing of content as the TTS Player processes the DOM. You can use the QTI 3 Catalog for this purpose.
About MathML and Dynamic TTS
MathML can be voiced by specifying an alttext attribute on the MathML itself, or by creating a Catalog Card element. Since most/all MathML
content will have an alttext attribute (which is converted to an aria-label), this is the preferred method.
<qti-catalog id="r2">
<qti-card support="spoken">
<qti-card-entry data-reading-type="computer-read-aloud" lang="en">
<qti-html-content>
fraction one fifth
</qti-html-content>
</qti-card-entry>
</qti-card>
</qti-catalog>
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<qti-assessment-item
xmlns="http://www.imsglobal.org/xsd/qti/imsqtiasi_v3p0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
adaptive="false" identifier="catalog-tts-example" time-dependent="false" title="Catalog TTS Example"
xsi:schemaLocation="http://www.imsglobal.org/xsd/qti/imsqti_itemv3p0_v1p0 https://purl.imsglobal.org/spec/qti/v3p0/schema/xsd/imsqti_asiv3p0_v1p0.xsd">
<qti-response-declaration base-type="identifier" cardinality="single" identifier="RESPONSE"/>
<qti-outcome-declaration base-type="float" cardinality="single" identifier="SCORE"/>
<qti-item-body>
<div id="div1">
<img height="165" width="250" data-catalog-idref="figure1"
src="assets/images/apip_exemplar01_figure.svg" alt=" "/>
<span id="labelA">A</span>
<span id="labelB">B</span>
<span id="labelC">C</span>
<span id="labelD">D</span>
</div>
<qti-choice-interaction response-identifier="RESPONSE" max-choices="1">
<qti-prompt>In the figure above, what fraction of the rectangle <em data-catalog-idref="abcd">ABCD</em> is
shaded?</qti-prompt>
<qti-simple-choice identifier="A">
<p>
<math xmlns="http://www.w3.org/1998/Math/MathML" data-catalog-idref="r2">
<mfrac>
<mn>1</mn>
<mn>5</mn>
</mfrac>
</math>
</p>
</qti-simple-choice>
<qti-simple-choice identifier="B">
<p id="p4">
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="fraction one fourth">
<mfrac>
<mn>1</mn>
<mn>4</mn>
</mfrac>
</math>
</p>
</qti-simple-choice>
<qti-simple-choice identifier="C">
<p>
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="fraction one third">
<mfrac>
<mn>1</mn>
<mn>3</mn>
</mfrac>
</math>
</p>
</qti-simple-choice>
<qti-simple-coice identifier="D">
<p>
<math xmlns="http://www.w3.org/1998/Math/MathML" alttext="fraction one half">
<mfrac>
<mn>1</mn>
<mn>2</mn>
</mfrac>
</math>
</p>
</qti-simple-choice>
</qti-choice-interaction>
</qti-item-body>
<qti-catalog-info>
<qti-catalog id="figure1">
<qti-card support="spoken">
<qti-card-entry default="true" lang="en" data-reading-type="computer-read-aloud">
<qti-html-content>Figure showing Rectangle ABCD divided into 12 equal boxes. 4 of the boxes are shaded.</qti-html-content>
</qti-card-entry>
</qti-card>
</qti-catalog>
<qti-catalog id="abcd">
<qti-card support="spoken">
<qti-card-entry default="true" lang="en" data-reading-type="computer-read-aloud">
<qti-html-content>A-B-C-D</qti-html-content>
</qti-card-entry>
</qti-card>
</qti-catalog>
<qti-catalog id="r2">
<qti-card support="spoken">
<qti-card-entry default="true" lang="en" data-reading-type="computer-read-aloud">
<qti-html-content>fraction one fifth</qti-html-content>
</qti-card-entry>
</qti-card>
</qti-catalog>
</qti-catalog-info>
</qti-assessment-item>
A
B
C
D
