Sisyphean-a
diff --git a/‎.Jules/palette.md‎
Lines changed: 3 additions & 0 deletions b/‎.Jules/palette.md‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎src/features/scratchpad/scratchpad.html‎
Lines changed: 10 additions & 1 deletion b/‎src/features/scratchpad/scratchpad.html‎
Lines changed: 10 additions & 1 deletion
@@ -0,0 +1,3 @@
+## 2024-05-23 - Webview Accessibility Gaps
+**Learning:** VS Code Webviews are often implemented as raw HTML/JS and can easily miss standard accessibility features like `aria-label` or focus indicators, which native VS Code UI components handle automatically.
+**Action:** When auditing VS Code extensions, prioritize checking any `webview` implementations for missing ARIA attributes and focus styles.
@@ -27,13 +27,22 @@
             resize: none;
             padding: 8px;
         }
+        textarea:focus {
+            outline: 1px solid var(--vscode-focusBorder);
+            outline-offset: -1px;
+        }
         textarea::placeholder {
             color: var(--vscode-input-placeholderForeground);
         }
     </style>
 </head>
 <body>
-    <textarea id="scratchpad" placeholder="Type your notes here..."></textarea>
+    <textarea
+        id="scratchpad"
+        aria-label="Scratchpad Input"
+        placeholder="Scratchpad: Type your temporary notes here... (Content is cleared on reload)"
+        spellcheck="false"
+    ></textarea>
     <script>
         const vscode = acquireVsCodeApi();
         const textarea = document.getElementById('scratchpad');
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## 2024-05-23 - Webview Accessibility Gaps`
	`2`	+Learning: VS Code Webviews are often implemented as raw HTML/JS and can easily miss standard accessibility features like `aria-label` or focus indicators, which native VS Code UI components handle automatically.
	`3`	+Action: When auditing VS Code extensions, prioritize checking any `webview` implementations for missing ARIA attributes and focus styles.