Use figure instead of article element

app/assets/javascripts/snippets/components/snippet_blob_view.vue

@@ -90,7 +90,7 @@ export default {
 };
 </script>
 <template>
-  <article class="file-holder snippet-file-content">
+  <figure class="file-holder snippet-file-content">
     <blob-header
       :blob="blob"
       :active-viewer-type="viewer.type"
@@ -105,5 +105,5 @@ export default {
       @[$options.BLOB_RENDER_EVENT_LOAD]="forceQuery"
       @[$options.BLOB_RENDER_EVENT_SHOW_SOURCE]="switchViewer"
     />
-  </article>
+  </figure>
 </template>

app/views/shared/snippets/_embed.html.haml

 .gitlab-embed-snippets
+  figcaption
+    = blob.name  
   .js-file-title.file-title-flex-parent
     .file-header-content
       = external_snippet_icon('doc-text')
@@ -17,5 +19,5 @@
         = embedded_raw_snippet_button(@snippet, blob)
 
         = embedded_snippet_download_button(@snippet, blob)
-  %article.file-holder.snippet-file-content
+  %figure.file-holder.snippet-file-content
     = render 'projects/blob/viewer', viewer: blob.simple_viewer, load_async: false, external_embed: true