}>
diff --git a/site/src/modules/resources/PortForwardButton.test.tsx b/site/src/modules/resources/PortForwardButton.test.tsx
new file mode 100644
index 0000000000..7f88a4b714
--- /dev/null
+++ b/site/src/modules/resources/PortForwardButton.test.tsx
@@ -0,0 +1,31 @@
+import {
+ MockListeningPortsResponse,
+ MockSharedPortsResponse,
+ MockTemplate,
+ MockWorkspace,
+ MockWorkspaceAgent,
+} from "testHelpers/entities";
+import { render } from "testHelpers/renderHelpers";
+import { screen } from "@testing-library/react";
+import { PortForwardPopoverView } from "./PortForwardButton";
+
+describe("PortForwardPopoverView", () => {
+ it("adds an accessible name to each shared-port delete button", () => {
+ render(
+
,
+ );
+
+ expect(
+ screen.getAllByRole("button", { name: "Delete shared port" }),
+ ).toHaveLength(MockSharedPortsResponse.shares.length);
+ });
+});
diff --git a/site/src/modules/resources/PortForwardButton.tsx b/site/src/modules/resources/PortForwardButton.tsx
index 1ac8e761e1..794a73271f 100644
--- a/site/src/modules/resources/PortForwardButton.tsx
+++ b/site/src/modules/resources/PortForwardButton.tsx
@@ -527,6 +527,7 @@ export const PortForwardPopoverView: FC
= ({