@gouvfr/dsfr-roller 1.0.26 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gouvfr/dsfr-roller",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "Le module `dsfr-roller` permet de publier le site de documentation du Système de Design de l’État - DSFR",
   "keywords": [
     "Système de Design de l'État",
@@ -56,7 +56,7 @@
   ],
   "main": "./index.js",
   "dependencies": {
-    "@gouvfr/dsfr-forge": "=1.0.26",
+    "@gouvfr/dsfr-forge": "=1.0.28",
     "@gouvfr/dsfr-publisher": "npm:@gouvfr/dsfr@1.13.1",
     "deepmerge": "^4.3.1",
     "ejs": "^3.1.10",

package/src/component/components/button.js

@@ -14,6 +14,8 @@ class Button extends Component {
     const index = [, , 'secondary', 'tertiary', 'tertiary-no-outline'].indexOf(this.data.kind);
     const url = this.data.url ?? this.data.href;
     const blank = Boolean(this.data.blank) || /^(http|www)/.test(url);
+    const classes = ['fr-mb-6v'];
+    classes.push(...(this.data.classes || []));
     return {
       markup: url ? 'a' : this.data.markup,
       kind: index > -1 ? index : parseInt(this.data.kind),
@@ -26,7 +28,7 @@ class Button extends Component {
       blank,
       self: !blank || Boolean(this.data.self),
       disabled: this.data.disabled,
-      classes: this.data.classes,
+      classes: classes,
       attributes: this.data.attributes,
       icon: this.data.icon,
       iconPlace: this.data['icon-place'],

package/src/component/components/edit.js

@@ -0,0 +1,20 @@
+import { Component } from '../component.js';
+import { EJS_PKG } from '../ejs-pkg.js';
+class Edit extends Component {
+  constructor (data) {
+    super(data, 'edit', EJS_PKG.ROLLER);
+  }
+  get ejsPath () {
+    return 'src/component/ejs/edit/edit.ejs';
+  }
+
+  async format () {
+    return {
+      title: this.data.title,
+      description: this.data.description,
+      link: { label: this.data.link, href: this.data.editUrl, blank: true, attributes: {title: `${this.data.link} - ${this.data.blankLabel}`} },
+    };
+  }
+}
+
+export { Edit };

package/src/component/components/header.js

@@ -21,8 +21,8 @@ class Header extends Component {
       id: 'search',
       modalId: 'search-modal',
       btnId: 'search-modal-button',
-      input: { placeholder: this.data.search.label, label: this.data.search.label },
-      button: { id: 'search-button', label: this.data.search.label, title: this.data.search.title ?? this.data.search.label, markup: 'a', href: this.data.search.url, attributes: { 'data-href': this.data.search.url } }
+      input: { id: 'search-input', placeholder: this.data.search.title, label: this.data.search.title },
+      button: { id: 'search-button', label: this.data.search.title, title: this.data.search.title, markup: 'button', attributes: { 'data-href': this.data.search.url } }
     };
 
     return {

package/src/component/components/sidemenu.js

@@ -1,9 +1,28 @@
 import { Component } from '../component.js';
 import { formatLink } from '../../core/format-link.js';
+import { log } from '@gouvfr/dsfr-forge';
+
+const Badges = {
+  BETA: {
+    id: 'beta',
+    type: 'info',
+    icon: false,
+    size: 'sm',
+  },
+  NEW: {
+    id: 'new',
+    type: 'new',
+    icon: true,
+    size: 'sm',
+  }
+}
+
+const BadgesMap = new Map(Object.values(Badges).map(badge => [badge.id, badge]));
 
 class Sidemenu extends Component {
-  constructor (data) {
+  constructor (data, badgeLabels) {
     super(data, 'sidemenu');
+    this.badgeLabels = badgeLabels;
   }
   get ejsPath () {
     return 'src/dsfr/component/sidemenu/template/ejs/sidemenu.ejs';
@@ -13,8 +32,9 @@ class Sidemenu extends Component {
     return {
       id: 'sidemenu',
       collapseId: this.uniqueId(),
+      buttonLabel: this.data.buttonLabel,
       titleId: this.uniqueId(),
-      title: this.data.title,
+      title: this.data.text,
       items: this.data?.items?.map(item => this._formatItem(item)).filter(item => item)
     };
   }
@@ -30,13 +50,50 @@ class Sidemenu extends Component {
   }
 
   _formatLink (link) {
+    const badge = link.badge ? this._formatBadge(link.badge) : '';
+    const label = link.badge ? link.text + badge : link.text;
     return {
       ...formatLink(link),
       active: link.isCurrent,
-      type: 'link'
+      type: 'link',
+      label: label,
     };
   }
 
+  _formatBadge (ids) {
+    if (typeof ids === 'string') ids = ids.split(',');
+    if (!Array.isArray(ids)) {
+      log.error(`Badge must be a string or an array of strings, received: ${typeof ids}`);
+      return '';
+    }
+    return ids.map(id => {
+      const badgeData = BadgesMap.get(id);
+      if (!badgeData) {
+        log.error(`Unknown badge type: ${id}`);
+        return '';
+      }
+      const classes = ['fr-badge'];
+      if (badgeData.size) {
+        classes.push(`fr-badge--${badgeData.size}`);
+      }
+      if (badgeData.type) {
+        classes.push(`fr-badge--${badgeData.type}`);
+      }
+      switch (true) {
+        case badgeData.icon === true:
+          break;
+        case badgeData.icon === false:
+          classes.push(`fr-badge--no-icon`);
+          break;
+        case typeof badgeData.icon === 'string':
+          classes.push(`fr-icon-${badgeData.icon}`);
+          break;
+      }
+      const badgeLabel = this.badgeLabels[id];
+      return `&nbsp;<span class="${classes.join(' ')}">${badgeLabel}</span>`;
+    }).join('');
+  }
+
   _formatMenu (menu) {
     return {
       id: menu.id,

package/src/component/components/skiplink.js

@@ -18,7 +18,7 @@ class Skiplink extends Component {
                         id: 'skiplink-content',
                     },
                     label: this.data.resource.skiplink.content,
-                    href: '#content',
+                    href: this.data.path === '' ? '#content' : '#breadcrumb',
                 },
                 {
                     attributes: {

package/src/component/ejs/edit/edit.ejs

@@ -0,0 +1,32 @@
+<%#
+# paramètres du bloc d'édition
+
+* edit (object, optional) : Paramètres du bloc édit
+  ** edit.title (string) : titre du bloc
+  ** edit.description (string) : description du bloc
+  ** edit.icon (string, optional) : icône du bloc (par défaut : 'edit-fill')
+  ** edit.link (object) : lien vers la page d'édition
+    *** edit.link.label (string) : libellé du lien
+    *** edit.link.url (string) : url du lien
+    *** edit.link.blank (boolean, optional) : ouvre le lien dans un nouvel onglet
+%>
+<%
+const edit = locals.edit || {};
+const icon = edit.icon || 'edit-fill';
+const classes = edit.classes || [];
+classes.push(`fr-link`);
+%>
+
+<% eval(include(`${dsfrPkg}src/dsfr/core/index.ejs`)); %>
+
+<div class="dsfr-doc-edit <%= prefix %>-background-alt--blue-france <%= prefix %>-icon-<%= icon %>">
+  <p class="dsfr-doc-edit__title fr-h5">
+    <%= edit.title %>
+  </p>
+  <p class="dsfr-doc-edit__description">
+    <%= edit.description %>
+  </p>
+  <p class="dsfr-doc-edit__link">
+    <%- include(`${dsfrPkg}src/dsfr/core/template/ejs/action/action.ejs`, { action: {...edit.link, markup: 'a', classes: classes} }); %>
+  </p>
+</div>

package/src/component/ejs/version/version.ejs

@@ -19,7 +19,7 @@ const collapseId = version.collapseId || uniqueId('version');
 
 <% eval(include(`${dsfrPkg}src/dsfr/core/index.ejs`)); %>
 
-<nav role="navigation" class="dsfr-doc-version <%= prefix %>-nav" <%- includeAttrs(attributes) %>>
+<div class="dsfr-doc-version <%= prefix %>-nav" <%- includeAttrs(attributes) %>>
   <div class="<%= prefix %>-nav__item">
     <%
     const versionBtn = version.button || {};
@@ -34,14 +34,12 @@ const collapseId = version.collapseId || uniqueId('version');
     versionBtn.id = 'header__tools--version';
     versionBtn.classes = versionBtn.classes !== undefined ? versionBtn.classes.concat(minBtnClasses) : minBtnClasses;
     versionBtn.attributes = versionBtn.attributes !== undefined ? {...minBtnAttrs, ...versionBtn.attributes} : minBtnAttrs;
-
     %>
 
     <%- include(`${dsfrPkg}src/dsfr/component/button/template/ejs/button`, { button:versionBtn }); %>
 
     <div class="<%= prefix %>-collapse dsfr-doc-version__menu <%= prefix %>-menu" id="<%= version.collapseId %>">
-
         <%- include('versions.ejs', {versions: version.versions}) %>
     </div>
   </div>
-</nav>
+</div>

package/src/core/format-link.js

@@ -6,5 +6,11 @@ export const formatLink = (link) => {
   if (/^(https:|http:|www\.)\S*$/.test(url)) link.blank = true;
   link.href = url;
   link.label = link.label ?? link.text;
+  link.attributes = link.attributes || {};
+  if (link.blank) {
+    const title = `${link.label} - ${link.blankTitle}`
+    link.attributes.title = title;
+    link.title = title;
+  }
   return link;
 };

package/src/node/directive/components/accordion/accordions-group-container-directive.js

@@ -4,6 +4,7 @@ class AccordionsGroupContainerDirective extends Node {
   constructor (data) {
     super(data, 'div');
     this.attributes.addClass('fr-accordions-group');
+    this.attributes.addClass('fr-mb-6v');
   }
 }
 

package/src/node/directive/components/button/button-leaf-directive.js

@@ -4,7 +4,7 @@ import { Button } from '../../../../component/components/button.js';
 class ButtonLeafDirective extends Node {
   constructor (data) {
     super(data);
-    this.button = new Button(this.data.properties);
+    this.button = new Button({...this.data.properties, ...this.data.attributes});
   }
 
   structure (data) {

package/src/node/directive/components/card/card-container-directive.js

@@ -81,6 +81,9 @@ class CardContainerDirective extends Node {
               children: [
                 {
                   classes: ['fr-responsive-img'],
+                  attributes: {
+                    alt: ' ',
+                  },
                   ...image
                 }
               ]

package/src/node/directive/components/table/table-container-directive.js

@@ -51,6 +51,6 @@ class TableContainerDirective extends Node {
   }
 }
 
-TableContainerDirective.NAME = 'dsfr-doc-table'; //TODO: fr-table ?
+TableContainerDirective.NAME = 'fr-table';
 
 export { TableContainerDirective };

package/src/node/directive/core/grid-container-directive.js

@@ -4,6 +4,7 @@ class GridContainerDirective extends Node {
   constructor (data) {
     super(data, 'div');
     this.attributes.addClass('fr-grid-row');
+    this.attributes.addClass('fr-mb-3v');
     if (data.properties.gutters !== false) this.attributes.addClass('fr-grid-row--gutters');
     if (data.properties.alignV) this.attributes.addClass(`fr-grid-row--${data.properties.alignV}`);
     if (data.properties.alignH) this.attributes.addClass(`fr-grid-row--${data.properties.alignH}`);

package/src/node/directive/doc/guidance/guideline-container-directive.js

@@ -32,7 +32,7 @@ class GuidelineContainerDirective extends Node {
         {
           type: 'htmlContainer',
           tagName: 'div',
-          classes: ['dsfr-doc-guideline', `dsfr-doc-guideline--${valid ? 'do' : 'dont'}`],
+          classes: ['dsfr-doc-guideline', 'fr-mb-6v', `dsfr-doc-guideline--${valid ? 'do' : 'dont'}`],
           children: [
             {
               type: 'image',

package/src/node/directive/doc/page-item-card-container-directive.js

@@ -30,7 +30,7 @@ class PageItemCardContainerDirective extends CardContainerDirective {
 
     data.children.push({
         type: 'heading',
-        depth: 2,
+        depth: 3,
         children: [
           {
             type: 'link',

package/src/node/directive/doc/storybook-leaf-directive.js

@@ -7,7 +7,7 @@ class StorybookLeafDirective extends Node {
 
   async render() {
     return `
-      <div class="dsfr-doc-storybook-leaf">
+      <div class="dsfr-doc-storybook-leaf fr-mb-6v">
         ${await super.render()}
       </div>
     `;

package/src/node/directive/doc/tab-navigation-container-directive.js

@@ -2,36 +2,31 @@ import { Node } from '../../node.js';
 import { HtmlNode } from '../../generic/html-node.js';
 
 class TabNavigationContainerDirective extends Node {
-    constructor(data) {
-        super(data);
-        this._id = data.properties.id || 'dsfr-doc-tab-navigation--collapse';
-        const list = this.findDescendantsByType('list')[0];
-        list.attributes.setAttribute('role', 'tablist');
-        const items = list.findDescendantsByType('listItem');
-        for (const item of items) {
-            item.attributes.setAttribute('role', 'presentation');
-            let node;
-            let isSelected = false;
-            const link = item.findDescendantsByType('link')[0];
-            if (link) {
-                node = link;
-            } else {
-                this._currentNode = item._children[0];
+  constructor (data) {
+    super(data);
+    this._id = data.properties.id || 'dsfr-doc-tab-navigation--collapse';
+    const list = this.findDescendantsByType('list')[0];
+    const items = list.findDescendantsByType('listItem');
+    for (const item of items) {
+      let node;
+      const link = item.findDescendantsByType('link')[0];
+      if (link) {
+        node = link;
+      } else {
+        this._currentNode = item._children[0];
 
-                node = new HtmlNode({ type: 'html', value: '<div>' });
-                const close = new HtmlNode({ type: 'html', value: '</div>' });
-                item._children = [node, ...item._children, close];
-                isSelected = true;
-            }
-            node.attributes.setAttribute('role', 'tab');
-            node.attributes.setAttribute('aria-selected', isSelected);
-            node.attributes.addClass('dsfr-doc-tab-navigation__tab');
-        }
+        node = new HtmlNode({ type: 'html', value: '<div>' });
+        const close = new HtmlNode({ type: 'html', value: '</div>' });
+        item._children = [node, ...item._children, close];
+        node.attributes.setAttribute('aria-current', 'page');
+      }
+      node.attributes.addClass('dsfr-doc-tab-navigation__tab');
     }
-    async render() {
-        this.attributes.setAttribute('role', 'navigation');
-        this.attributes.addClass('dsfr-doc-tab-navigation');
-        return `<nav ${this.renderAttributes()}>
+  }
+
+  async render () {
+    this.attributes.addClass('dsfr-doc-tab-navigation');
+    return `<div ${this.renderAttributes()}>
         <div class="fr-sidemenu">
             <div class="fr-sidemenu__inner">
                 <button aria-expanded="false" aria-controls="${this._id}" type="button" class="fr-sidemenu__btn">${await this._currentNode.render()}</button>
@@ -40,8 +35,8 @@ class TabNavigationContainerDirective extends Node {
                 </div>
             </div>
         </div>
-    </nav>`;
-    }
+    </div>`;
+  }
 }
 
 TabNavigationContainerDirective.NAME = 'dsfr-doc-tab-navigation';

package/src/node/directive/doc/video-leaf-directive.js

@@ -23,8 +23,6 @@ class VideoLeafDirective extends Node {
       ...(data.attributes || {}),
       ...videoAttributes,
       'data-videoid': data.properties.videoId,
-      width: data.properties.width || '100%',
-      height: data.properties.height || '100%',
     };
 
     return super.structure(data);

package/src/node/directive/home/hp-analytics-container-directive.js

@@ -13,7 +13,7 @@ class HpAnalyticsContainerDirective extends Node {
     return super.structure({
       type: 'htmlContainer',
       tagName: 'div',
-      classes: ['dsfr-doc-hp-analytics', 'fr-background-alt--blue-france'],
+      classes: ['dsfr-doc-hp-analytics', 'fr-background-alt--blue-france', 'fr-mb-n6v'],
       children: [
         {
           type: 'htmlContainer',
@@ -31,7 +31,8 @@ class HpAnalyticsContainerDirective extends Node {
                   tagName: 'img',
                   attributes: {
                     src: data.imgUrl,
-                    alt: ''
+                    alt: '',
+                    'aria-hidden': 'true'
                   }
                 }
               ]

package/src/node/directive/home/hp-community-container-directive.js

@@ -13,6 +13,9 @@ class HpCommunityContainerDirective extends Node {
       type: 'htmlContainer',
       tagName: 'div',
       classes: ['dsfr-doc-hp-community'],
+      attributes: {
+        'dsfr-doc-show-on-scroll': ''
+      },
       children: [
         {
           type: 'htmlContainer',
@@ -38,7 +41,8 @@ class HpCommunityContainerDirective extends Node {
                       classes: ['fr-responsive-img'],
                       attributes: {
                         src: data.imgUrl,
-                        alt: ''
+                        alt: '',
+                        'aria-hidden': 'true'
                       }
                     }
                   ]
@@ -53,7 +57,8 @@ class HpCommunityContainerDirective extends Node {
                       classes: ['fr-responsive-img'],
                       attributes: {
                         src: data.imgDarkUrl,
-                        alt: ''
+                        alt: '',
+                        'aria-hidden': 'true'
                       }
                     }
                   ]

package/src/node/directive/home/hp-community-tile-container-directive.js

@@ -21,7 +21,8 @@ class HpCommunityTileContainerDirective extends Node {
               type: 'image',
               attributes: {
                 src: data.imgUrl,
-                alt: ''
+                alt: '',
+                'aria-hidden': 'true'
               }
             } : {}
           ]

package/src/node/directive/home/hp-discover-tile-container-directive.js

@@ -30,6 +30,9 @@ class HpDiscoverTileContainerDirective extends Node {
                   children: [
                     {
                       classes: ['dsfr-doc-discover-tile__img--light'],
+                      attributes: {
+                        'aria-hidden': 'true',
+                      },
                       ...image,
                     },
                     data.imgDarkUrl ? {
@@ -37,7 +40,7 @@ class HpDiscoverTileContainerDirective extends Node {
                       type: 'image',
                       attributes: {
                         src: data.imgDarkUrl,
-                        alt: image.alt
+                        'aria-hidden': 'true'
                       }
                     } : {}
                   ]

package/src/node/directive/home/hp-hero-container-directive.js

@@ -34,12 +34,12 @@ class HpHeroContainerDirective extends Node {
       <div class="dsfr-doc-hp-hero">
         <div class="fr-container">
           <div class="dsfr-doc-hp-hero__img">
-            <img class="fr-hidden-md" src="${this.imgFirstUrl}" alt="">
-            <img class="fr-hidden fr-unhidden-md" src="${this.imgMdUrl}" alt="">
+            <img class="fr-hidden-md" src="${this.imgFirstUrl}" alt="" aria-hidden="true">
+            <img class="fr-hidden fr-unhidden-md" src="${this.imgMdUrl}" alt="" aria-hidden="true">
           </div>
           <div class="dsfr-doc-hp-hero__img dsfr-doc-hp-hero__img--dark">
-            <img class="fr-hidden-md" src="${this.imgDarkFirstUrl}" alt="">
-            <img class="fr-hidden fr-unhidden-md" src="${this.imgDarkMdUrl}" alt="">
+            <img class="fr-hidden-md" src="${this.imgDarkFirstUrl}" alt="" aria-hidden="true">
+            <img class="fr-hidden fr-unhidden-md" src="${this.imgDarkMdUrl}" alt="" aria-hidden="true">
           </div>
 
           ${await super.render()}

package/src/node/directive/home/hp-showcase-card-container-directive.js

@@ -14,7 +14,7 @@ class HpShowcaseCardContainerDirective extends Node {
 
     return super.structure({
       type: 'htmlContainer',
-      tagName: 'div',
+      tagName: 'li',
       classes: ['dsfr-doc-hp-showcase-card'],
       children: [
         {

package/src/node/directive/home/hp-showcase-container-directive.js

@@ -28,7 +28,7 @@ class HpShowcaseContainerDirective extends Node {
             },
             {
               type: 'htmlContainer',
-              tagName: 'div',
+              tagName: 'ul',
               classes: ['dsfr-doc-hp-showcase__container'],
               children: showcaseCards
             },

package/src/node/directive/home/hp-slice-video-container-directive.js

@@ -5,7 +5,9 @@ class HpSliceVideoContainerDirective extends Node {
   }
 
   structure (data) {
-    const title = data.children[0];
+    const title = data.children.find(child => child.type === 'heading');
+    const transcription = data.children.find(child => child.name === 'fr-accordion');
+
     const categoryLabel = data.properties.category;
     const imgUrl = data.imgUrl;
     const imgDarkUrl = data.imgDarkUrl;
@@ -113,7 +115,8 @@ class HpSliceVideoContainerDirective extends Node {
                       classes: ['dsfr-doc-hp-slice-video__img--light'],
                       attributes: {
                         src: imgUrl,
-                        alt: ''
+                        alt: '',
+                        'aria-hidden': 'true'
                       }
                     },
                     {
@@ -121,7 +124,8 @@ class HpSliceVideoContainerDirective extends Node {
                       classes: ['dsfr-doc-hp-slice-video__img--dark'],
                       attributes: {
                         src: imgDarkUrl,
-                        alt: ''
+                        alt: '',
+                        'aria-hidden': 'true'
                       }
                     }
                   ]
@@ -205,9 +209,13 @@ class HpSliceVideoContainerDirective extends Node {
                                 {
                                   type: 'leafDirective',
                                   name: 'dsfr-doc-video',
+                                  classes: ['fr-mb-6v'],
                                   properties: {
                                     ...videoProperties,
                                   }
+                                },
+                                {
+                                  ...transcription
                                 }
                               ]
                             }

package/src/node/generic/blockquote-node.js

@@ -15,6 +15,7 @@ class BlockquoteNode extends Node {
     this.attributes.addClass('fr-callout fr-mb-6v');
 
     if (data?.level && LEVELS.has(data.level)) {
+      this.children[0].attributes.addClass('fr-callout__title');
       const level = LEVELS.get(data.level);
       this.attributes.addClasses(`fr-icon-${level.icon}`, `fr-callout--${level.color}`);
     }

package/src/node/generic/code-node.js

@@ -24,7 +24,7 @@ class CodeNode extends Node {
   async render () {
     if (this.lang) this.attributes.addClass(`language-${this.lang}`);
     return `
-      <div class="code-snippet">
+      <div class="code-snippet fr-mb-6v">
         <pre><code${this.renderAttributes()}>${convertHTMLEntities(this.value)}</code></pre>
         <button type="button" class="code-snippet--copy fr-btn fr-btn--sm fr-btn--tertiary" data-label-copied="${this.data?.fragments?.button?.copied}">${this.data?.fragments?.button?.copy}</button>
       </div>

package/src/page/body/custom-header.js

@@ -14,10 +14,16 @@ class CustomHeader extends Renderable {
   }
   async render () {
     let toolsContent = await this._version.render({ id: 'version', collapseId: 'version-collapse' });
-    if (this._translate) toolsContent += await this._translate.render({ id: 'translate', collapseId: 'translate-collapse' });
+    if (this._translate) {
+      const translate = await this._translate.render({ id: 'translate', collapseId: 'translate-collapse' });
+      toolsContent += translate.replace('<nav', '<div').replace('</nav>', '</div>').replace('role="navigation" ', '');
+    }
 
     let menuContent = await this._version.render({ id: 'version-menu', collapseId: 'version-collapse-menu' });
-    if (this._translate) menuContent += await this._translate.render({ id: 'translate-menu', collapseId: 'translate-collapse-menu' });
+    if (this._translate) {
+      const translate = await this._translate.render({ id: 'translate-menu', collapseId: 'translate-collapse-menu' });
+      menuContent += translate.replace('<nav', '<div').replace('</nav>', '</div>').replace('role="navigation" ', '');
+    }
 
     const navigation = await this._navigation.format();
 

package/src/page/body/toc.js

@@ -85,7 +85,7 @@ class TOC extends Renderable {
         break;
     }
 
-    const summary = new Summary({ list: mainList });
+    const summary = new Summary({ title: this.data?.fragments?.summary?.title, list: mainList });
 
     return `<div class="fr-mb-6v" >
     ${await summary.render()}

package/src/script/home/inject-svg.js

@@ -18,11 +18,10 @@ class InjectSvg extends Element {
         const svgElement = svgDocument.querySelector('svg');
         if (this._class) svgElement.setAttribute('class', this._class);
         if (this._ariaHidden !== null) svgElement.setAttribute('aria-hidden', this._ariaHidden);
-        if (this._alt) svgElement.setAttribute('aria-label', this._alt);
         this._element.parentNode.insertBefore(svgElement, this._element);
         this._element.remove();
       });
   }
 }
 
-export { InjectSvg };
+export { InjectSvg };

package/src/script/main/cmp/tarteaucitron/services.js

@@ -6301,7 +6301,7 @@ export const vimeo = {
         'use strict';
         tarteaucitron.fallback(['vimeo_player'], function (x) {
             var frame_title =
-                    tarteaucitron.getElemAttr(x, 'title') || 'Vimeo iframe',
+                    tarteaucitron.getElemAttr(x, 'title') || 'Vimeo',
                 video_width = tarteaucitron.getElemAttr(x, 'width'),
                 frame_width = 'width=',
                 video_height = tarteaucitron.getElemAttr(x, 'height'),