{# Schaubilder: wo die drei Prüfziffern stehen – je Dokumentart eine Darstellung #}
<figure class="rac-schema">
    <figcaption>Wo stehen die Prüfziffern? Jeweils direkt hinter dem Wert, in den unteren Zeilen deines Dokuments.</figcaption>

    <svg viewBox="0 0 470 118" role="img" data-rac-schema="id_card"
         aria-label="Personalausweis: In der ersten unteren Zeile steht die Dokumentnummer mit Prüfziffer, in der zweiten Zeile Geburtsdatum mit Prüfziffer und Ablaufdatum mit Prüfziffer.">
        <g font-family="ui-monospace, monospace" font-size="15">
            <rect x="8" y="16" width="454" height="26" rx="6" fill="#EDE8E1"/>
            <text x="16" y="34" fill="#6E6B66">IDD&lt;&lt;</text>
            <rect x="62" y="18" width="118" height="22" rx="4" fill="#86D3E8"/>
            <text x="68" y="34" fill="#16110F">T22000129</text>
            <rect x="180" y="18" width="17" height="22" rx="4" fill="#E30613"/>
            <text x="184" y="34" fill="#fff">3</text>
            <text x="201" y="34" fill="#6E6B66">&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;</text>

            <rect x="8" y="54" width="454" height="26" rx="6" fill="#EDE8E1"/>
            <rect x="14" y="56" width="82" height="22" rx="4" fill="#FFD66B"/>
            <text x="20" y="72" fill="#16110F">640812</text>
            <rect x="96" y="56" width="17" height="22" rx="4" fill="#E30613"/>
            <text x="100" y="72" fill="#fff">5</text>
            <text x="117" y="72" fill="#6E6B66">&lt;</text>
            <rect x="129" y="56" width="82" height="22" rx="4" fill="#FF7A6B"/>
            <text x="135" y="72" fill="#16110F">201031</text>
            <rect x="211" y="56" width="17" height="22" rx="4" fill="#E30613"/>
            <text x="215" y="72" fill="#fff">5</text>
            <text x="232" y="72" fill="#6E6B66">D&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;&lt;4</text>
        </g>
        <g font-size="11" fill="#16110F">
            <text x="62" y="12">Dokumentnummer</text>
            <text x="14" y="94">Geburtsdatum</text>
            <text x="129" y="94">gültig bis</text>
            <text x="14" y="110" fill="#E30613">rot = Prüfziffer</text>
        </g>
    </svg>

    <svg viewBox="0 0 470 118" role="img" data-rac-schema="passport" hidden
         aria-label="Reisepass: In der zweiten unteren Zeile stehen Passnummer mit Prüfziffer, Geburtsdatum mit Prüfziffer und Ablaufdatum mit Prüfziffer nebeneinander.">
        <g font-family="ui-monospace, monospace" font-size="15">
            <rect x="8" y="16" width="454" height="26" rx="6" fill="#EDE8E1"/>
            <text x="16" y="34" fill="#6E6B66">P&lt;D&lt;&lt;MUSTERMANN&lt;&lt;ERIKA&lt;&lt;&lt;&lt;&lt;&lt;</text>

            <rect x="8" y="54" width="454" height="26" rx="6" fill="#EDE8E1"/>
            <rect x="14" y="56" width="110" height="22" rx="4" fill="#86D3E8"/>
            <text x="20" y="72" fill="#16110F">C01X00T47</text>
            <rect x="124" y="56" width="17" height="22" rx="4" fill="#E30613"/>
            <text x="128" y="72" fill="#fff">8</text>
            <text x="145" y="72" fill="#6E6B66">D&lt;&lt;</text>
            <rect x="182" y="56" width="82" height="22" rx="4" fill="#FFD66B"/>
            <text x="188" y="72" fill="#16110F">640812</text>
            <rect x="264" y="56" width="17" height="22" rx="4" fill="#E30613"/>
            <text x="268" y="72" fill="#fff">5</text>
            <text x="281" y="72" fill="#6E6B66">F</text>
            <rect x="294" y="56" width="82" height="22" rx="4" fill="#FF7A6B"/>
            <text x="300" y="72" fill="#16110F">270228</text>
            <rect x="376" y="56" width="17" height="22" rx="4" fill="#E30613"/>
            <text x="380" y="72" fill="#fff">3</text>
            <text x="393" y="72" fill="#6E6B66">&lt;&lt;&lt;&lt;4</text>
        </g>
        <g font-size="11" fill="#16110F">
            <text x="14" y="94">Passnummer</text>
            <text x="182" y="94">Geburtsdatum</text>
            <text x="294" y="94">gültig bis</text>
            <text x="14" y="110" fill="#E30613">rot = Prüfziffer</text>
        </g>
    </svg>
</figure>