diff --git a/html/semantics/the-button-element/interest-target/interesttarget-anchor-event-dispatch.tentative.html b/html/semantics/the-button-element/interest-target/interesttarget-anchor-event-dispatch.tentative.html
index 6d8f33dfab272d..ae9198a91d55d2 100644
--- a/html/semantics/the-button-element/interest-target/interesttarget-anchor-event-dispatch.tentative.html
+++ b/html/semantics/the-button-element/interest-target/interesttarget-anchor-event-dispatch.tentative.html
@@ -12,6 +12,7 @@
 <script src="resources/invoker-utils.js"></script>
 
 <div id="interestee"></div>
+<a id="nohref" interesttarget="interestee">Anchor</a>
 <a href="/" id="interestanchor" interesttarget="interestee">Anchor</a>
 <button id="otherbutton">Other Button</button>
 <style>
@@ -22,6 +23,25 @@
 
 <script>
   promise_test(async function (t) {
+    t.add_cleanup(async () => {
+      await hoverOver(otherbutton);
+    });
+    let gotEvent = false;
+    interestee.addEventListener("interest", () => (gotEvent = true));
+    await hoverOver(nohref);
+    assert_false(gotEvent, "InterestEvent should not get fired");
+    nohref.setAttribute('href','foo');
+    await hoverOver(nohref);
+    assert_false(gotEvent, "adding href while the element is already hovered should not fire interest");
+    await hoverOver(otherbutton);
+    await hoverOver(nohref);
+    assert_true(gotEvent, "interest should now be fired");
+  }, "InterestEvent is not dispatched unless the anchor has an href");
+
+  promise_test(async function (t) {
+    t.add_cleanup(async () => {
+      await hoverOver(otherbutton);
+    });
     let event = null;
     interestee.addEventListener("interest", (e) => (event = e), { once: true });
     await hoverOver(interestanchor);
diff --git a/html/semantics/the-button-element/interest-target/interesttarget-area-event-dispatch.tentative.html b/html/semantics/the-button-element/interest-target/interesttarget-area-event-dispatch.tentative.html
index a1c95d3d56edd9..4bd5165198eb20 100644
--- a/html/semantics/the-button-element/interest-target/interesttarget-area-event-dispatch.tentative.html
+++ b/html/semantics/the-button-element/interest-target/interesttarget-area-event-dispatch.tentative.html
@@ -12,10 +12,10 @@
 <script src="resources/invoker-utils.js"></script>
 
 <div id="interestee"></div>
-<map id="map">
-  <area href="/" shape="default" id="interestarea" interesttarget="interestee">
-</map>
-<img src="/images/blue.png" usemap="#map">
+<map id="map1"><area shape="default" id="nohref" interesttarget="interestee"></map>
+<img id=nohref_img src="/images/blue.png" usemap="#map1">
+<map id="map2"><area href="/" shape="default" id="interestarea" interesttarget="interestee"></map>
+<img id=interestarea_img src="/images/blue.png" usemap="#map2">
 <button id="otherbutton">Other Button</button>
 <style>
   [interesttarget] {
@@ -25,10 +25,28 @@
 
 <script>
   promise_test(async function (t) {
-    t.add_cleanup(() => otherbutton.focus());
+    t.add_cleanup(async () => {
+      await hoverOver(otherbutton);
+    });
+    let gotEvent = false;
+    interestee.addEventListener("interest", () => (gotEvent = true), { once: true });
+    await hoverOver(nohref_img);
+    assert_false(gotEvent, "InterestEvent should not get fired");
+    nohref.setAttribute('href','foo');
+    await hoverOver(nohref_img);
+    assert_false(gotEvent, "adding href while the element is already hovered should not fire interest");
+    await hoverOver(otherbutton);
+    await hoverOver(nohref_img);
+    assert_true(gotEvent, "interest should now be fired");
+  }, "InterestEvent is not dispatched unless the area has an href");
+
+  promise_test(async function (t) {
+    t.add_cleanup(async () => {
+      await hoverOver(otherbutton);
+    });
     let event = null;
     interestee.addEventListener("interest", (e) => (event = e), { once: true });
-    await hoverOver(interestarea);
+    await hoverOver(interestarea_img);
     assert_true(!!event, "InterestEvent is fired");
     assert_true(event instanceof InterestEvent, "event is InterestEvent");
     assert_equals(event.type, "interest", "type");
diff --git a/html/semantics/the-button-element/interest-target/interesttarget-svg-a-event-dispatch.tentative.html b/html/semantics/the-button-element/interest-target/interesttarget-svg-a-event-dispatch.tentative.html
index c0b96817becc2d..d5db05023212ca 100644
--- a/html/semantics/the-button-element/interest-target/interesttarget-svg-a-event-dispatch.tentative.html
+++ b/html/semantics/the-button-element/interest-target/interesttarget-svg-a-event-dispatch.tentative.html
@@ -13,9 +13,10 @@
 
 <div id="interestee"></div>
 <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-  <a href="/" id="interestsvga" interesttarget="interestee">
-    <text x="50" y="90">SVG A</text>
-  </a>
+  <a id="nohref" interesttarget="interestee"><text x="50" y="90">SVG A</text></a>
+</svg>
+<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+  <a href="/" id="interestsvga" interesttarget="interestee"><text x="50" y="90">SVG A</text></a>
 </svg>
 <button id="otherbutton">Other Button</button>
 <style>
@@ -25,6 +26,22 @@
 </style>
 
 <script>
+  promise_test(async function (t) {
+    t.add_cleanup(async () => {
+      await hoverOver(otherbutton);
+    });
+    let gotEvent = false;
+    interestee.addEventListener("interest", () => (gotEvent = true));
+    await hoverOver(nohref);
+    assert_false(gotEvent, "InterestEvent should not get fired");
+    nohref.setAttribute('href','foo');
+    await hoverOver(nohref);
+    assert_false(gotEvent, "adding href while the element is already hovered should not fire interest");
+    await hoverOver(otherbutton);
+    await hoverOver(nohref);
+    assert_true(gotEvent, "interest should now be fired");
+  }, "InterestEvent is not dispatched unless the svg <a> has an href");
+
   promise_test(async function (t) {
     t.add_cleanup(async () => {
       await hoverOver(otherbutton);
@@ -40,5 +57,5 @@
     assert_equals(event.isTrusted, true, "isTrusted");
     assert_equals(event.target, interestee, "target");
     assert_equals(event.source, interestsvga, "source");
-  }, "InterestEvent dispatches on svg a hover");
+  }, "InterestEvent dispatches on svg <a> hover");
 </script>