<div class="fr-transcription" id="transcription-7426">
    <button type="button" class="fr-transcription__btn" aria-expanded="false" aria-controls="fr-transcription-collapse-transcription-7426">Transcription</button>
    <div class="fr-collapse" id="fr-transcription-collapse-transcription-7426">
        <div class="fr-transcription__footer">
            <div class="fr-transcription__actions-group">
                <button aria-controls="fr-transcription-modal-transcription-7426" aria-label="Agrandir la transcription" data-fr-opened="false" type="button" class="fr-btn--fullscreen fr-btn">Agrandir</button>
            </div>
        </div>
        <dialog id="fr-transcription-modal-transcription-7426" class="fr-modal" aria-labelledby="fr-transcription-modal-transcription-7426-title">
            <div class="fr-container fr-container--fluid fr-container-md">
                <div class="fr-grid-row fr-grid-row--center">
                    <div class="fr-col-12 fr-col-md-10 fr-col-lg-8">
                        <div class="fr-modal__body">
                            <div class="fr-modal__header">
                                <button aria-controls="fr-transcription-modal-transcription-7426" title="Fermer" type="button" id="button-7428" class="fr-btn--close fr-btn">Fermer</button>
                            </div>
                            <div class="fr-modal__content">
                                <h1 id="fr-transcription-modal-transcription-7426-title" class="fr-modal__title">
                                    Titre de la transcription
                                </h1>
                                <!-- données de test -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </dialog>
    </div>
</div>