cleaned js for modal

assets/js/theme/design-system/modal.js

@@ -36,7 +36,7 @@ class Modal {
         window.addEventListener('keydown', (event) => {
             if (event.keyCode === 27 || event.key === 'Escape') {
                 this.toggle(false);
-            } else if (this.state.isOpened && event.key === "Tab") {
+            } else if (event.key === "Tab" && this.state.isOpened) {
                 this.innerFocus(event);
                 event.preventDefault();
             }
@@ -67,8 +67,6 @@ class Modal {
         else if (!this.element.contains(event.target)) {
             firstFocusable.focus();
         }
-
-        // this.closeButtons[0].focus();
         firstFocusable.focus();
     }
 
@@ -78,10 +76,6 @@ class Modal {
 
         this.element.setAttribute('aria-hidden', !this.state.isOpened);
         document.documentElement.classList[classAction](CLASSES.modalOpened);
-
-        // if (!this.state.isOpened) {
-            // this.button.focus();
-        // }
     }
 
 }

layouts/partials/volumes/volume.html

-<article class="volume">
+<article class="volume" itemscope itemtype="https://schema.org/Book https://schema.org/PublicationVolume">
   <hgroup>
-    <p class="suptitle">{{ i18n "volumes.volume_number" (dict "Number" .Params.Number) }}</p>
-    <h2><a href="{{ .Permalink }}" title="{{ i18n "commons.more_aria" (dict "Title" .Title) }}">{{ partial "PrepareHTML" .Title }}</a></h2>
+    <p class="suptitle" itemprop="volumeNumber">{{ i18n "volumes.volume_number" (dict "Number" .Params.Number) }}</p>
+    <h2><a href="{{ .Permalink }}" title="{{ i18n "commons.more_aria" (dict "Title" .Title) }}" itemprop="name">{{ partial "PrepareHTML" .Title }}</a></h2>
   </hgroup>
   <div class="media">
     {{- if .Params.image -}}