fix: try replacing buttons with spans and pray

Author: graphieros

app/components/Compare/FacetQuadrantChart.vue

@@ -386,12 +386,13 @@ const config = computed<VueUiQuadrantConfig>(() => {
 
           <foreignObject :x="0" :y="30" style="overflow: visible" :width="svg.width" :height="12">
             <div class="flex items-center justify-center gap-2">
-              <TooltipApp interactive>
-                <button
+              <TooltipApp
+                :aria-label="$t('compare.quadrant_chart.explanation.tooltip_help_efficiency')"
+              >
+                <span
                   data-dom-to-png-ignore
-                  type="button"
                   class="i-lucide:info w-3.5 h-3.5 text-fg-muted cursor-help"
-                  :aria-label="$t('compare.quadrant_chart.explanation.tooltip_help_efficiency')"
+                  aria-hidden="true"
                 />
                 <template #content>
                   <div class="flex flex-col gap-3">
@@ -412,8 +413,8 @@ const config = computed<VueUiQuadrantConfig>(() => {
             :height="12"
           >
             <div class="flex items-center justify-center gap-2">
-              <TooltipApp interactive>
-                <button
+              <TooltipApp>
+                <span
                   data-dom-to-png-ignore
                   type="button"
                   class="i-lucide:info w-3.5 h-3.5 text-fg-muted cursor-help"