Merge branch 'mle/use-figure-for-snippet' into 'master'

Use figure instead of article element

See merge request gitlab-org/gitlab!70705

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" :aria-label="__('Code snippet')">
     <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

@@ -17,5 +17,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{ "aria-label" => _('Code snippet') }
     = render 'projects/blob/viewer', viewer: blob.simple_viewer, load_async: false, external_embed: true

locale/gitlab.pot

@@ -8338,6 +8338,9 @@ msgstr ""
 msgid "Code review"
 msgstr ""
 
+msgid "Code snippet"
+msgstr ""
+
 msgid "Code snippet copied. Insert it in the correct location in the YAML file."
 msgstr ""