SHIBUI-1444 Added xml code region to tab order

TIER · Nov 12, 2019 · 59b3941 · 59b3941
1 parent 203f03d
commit 59b3941
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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>