diff --git a/ui/src/app/metadata/configuration/container/metadata-xml.component.html b/ui/src/app/metadata/configuration/container/metadata-xml.component.html
index 7c3d533cc..e682a556d 100644
--- a/ui/src/app/metadata/configuration/container/metadata-xml.component.html
+++ b/ui/src/app/metadata/configuration/container/metadata-xml.component.html
@@ -11,7 +11,13 @@ <h2 class="mb-4" [ngSwitch]="type$ | async">
         </div>
     </div>
     <div class="px-3 my-3">
-        <pre class="border p-2 bg-light rounded"><code>{{ xml$ | async }}</code></pre>
+        <figure role="img" aria-labelledby="pre-caption" tabindex="0">
+            <pre class="border p-2 bg-light rounded"><code>{{ xml$ | async }}</code></pre>
+            <figcaption id="pre-caption" class="sr-only">
+                {{ xml$ | async }}
+            </figcaption>
+        </figure>
+        
         <button type="button" class="btn btn-primary" (click)="preview()">
             <i class="fa fa-fw fa-save"></i>
             <translate-i18n key="action.download-file">Download File</translate-i18n>