hide the icon mouse-over label

i use for title attributes on links, images etc. this function in my child-theme functions.php:

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
    var elementsWithTitle = document.querySelectorAll('a, img, *[title]');
    for (var i = 0; i < elementsWithTitle.length; i++) {
        var element = elementsWithTitle[i];

        element.setAttribute("data-original-title", element.title);

        element.addEventListener("mouseenter", function() {
            this.title = ""; 
        });

        element.addEventListener("mouseleave", function() {
            this.title = this.getAttribute("data-original-title"); 
        });

        element.addEventListener("mousedown", function() {
            this.title = this.getAttribute("data-original-title");
        });
    }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');

BUT this will not influence the <title> inside the xml code of a svg file!

you can get rid of those <title> but i do not know a way to get them back by mouseleave or mousedown event:
the code above with a little addon – so use instead:

function temporary_removal_title_tags_and_get_rid_of_svg_titles(){
?>
<script>
  window.onload = function() {
      var elementsWithTitle = document.querySelectorAll('a, img, *[title]');

      for (var i = 0; i < elementsWithTitle.length; i++) {
          var element = elementsWithTitle[i];

          element.addEventListener("mouseenter", function() {
              if (this.title) { 
                  this.setAttribute("data-original-title", this.title);
                  this.title = ""; 
              }
          });

          element.addEventListener("mouseleave", function() {
              var storedTooltip = this.getAttribute("data-original-title");
              if (storedTooltip !== null) { // Prüfen, ob ein Originaltitel gespeichert wurde
                  this.title = storedTooltip;
                  this.removeAttribute("data-original-title"); // Aufräumen
              }
          });

          element.addEventListener("mousedown", function() {
              var storedTooltip = this.getAttribute("data-original-title");
              if (storedTooltip !== null) {
                  this.title = storedTooltip;
                  this.removeAttribute("data-original-title");
              }
          });
      }

      var allSvgs = document.querySelectorAll('svg');
      allSvgs.forEach(function(svg) {
          var svgTitles = svg.querySelectorAll('title');
          
          svgTitles.forEach(function(svgTitleElement) {
              if (svgTitleElement.textContent.trim() !== '') {
                  svgTitleElement.setAttribute("data-original-svg-title", svgTitleElement.textContent);
                  svgTitleElement.textContent = ""; // Leeren des SVG-Titels
              }
          });
      });
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags_and_get_rid_of_svg_titles');

why not delete all title tags: sometimes these are needed for lightbox bottom bar