Skip to content

Commit a66551e

Browse files
Add focus-visible outline for buttons; enrich search input a11y hints
- Provide :focus-visible outline for .normal-button to improve keyboard navigation visibility - Add aria-keyshortcuts and spellCheck=false to search input Build and lint pass.
1 parent 0e38f26 commit a66551e

File tree

2 files changed

+7
-0
lines changed

2 files changed

+7
-0
lines changed

src/pages/IndependentPanel/App.jsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -227,6 +227,8 @@ function App() {
227227
aria-label={t('Search')}
228228
aria-controls="chat-list"
229229
enterKeyHint="search"
230+
aria-keyshortcuts="/ Control+F Meta+F"
231+
spellCheck={false}
230232
autoComplete="off"
231233
ref={searchInputRef}
232234
/>

src/pages/IndependentPanel/styles.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -179,6 +179,11 @@
179179
overflow: hidden;
180180
}
181181

182+
.normal-button:focus-visible {
183+
outline: 2px solid var(--font-active-color);
184+
outline-offset: 2px;
185+
}
186+
182187
.gpt-util-group {
183188
display: flex;
184189
gap: 15px;

0 commit comments

Comments
 (0)