diff --git a/.chronus/changes/fix-problem-pane-2025-11-10-14-5-0.md b/.chronus/changes/fix-problem-pane-2025-11-10-14-5-0.md
new file mode 100644
index 00000000000..ed464204af5
--- /dev/null
+++ b/.chronus/changes/fix-problem-pane-2025-11-10-14-5-0.md
@@ -0,0 +1,8 @@
+---
+# Change versionKind to one of: internal, fix, dependencies, feature, deprecation, breaking
+changeKind: fix
+packages:
+  - "@typespec/playground"
+---
+
+[a11y] Fix problem pane not usable via keyboard
diff --git a/packages/playground/src/react/problem-pane/header.tsx b/packages/playground/src/react/problem-pane/header.tsx
index 0ff3587093a..ecddc475888 100644
--- a/packages/playground/src/react/problem-pane/header.tsx
+++ b/packages/playground/src/react/problem-pane/header.tsx
@@ -59,6 +59,7 @@ interface ContainerProps {
 const Container = ({ children, className, status, onClick, collaped }: ContainerProps) => {
   return (
     <div
+      role="button"
       tabIndex={onClick === undefined ? undefined : 0}
       className={mergeClasses(
         style["header"],
@@ -67,6 +68,7 @@ const Container = ({ children, className, status, onClick, collaped }: Container
         className,
       )}
       onClick={onClick}
+      onKeyDown={(evt) => (evt.code === "Enter" || evt.code === "Space") && onClick?.(evt as any)}
     >
       <div className={style["header-content"]}>{children}</div>
       <ChevronDown16Regular