Skip to content

Adds Keyboard Nav Instructions to PythonLab FileTabs and Workspace - #73532

Closed
hannahbergam wants to merge 2 commits into
stagingfrom
hbergam/assistive-tech-insturctions
Closed

Adds Keyboard Nav Instructions to PythonLab FileTabs and Workspace#73532
hannahbergam wants to merge 2 commits into
stagingfrom
hbergam/assistive-tech-insturctions

Conversation

@hannahbergam

Copy link
Copy Markdown
Contributor

Links

Testing story

Deployment notes

Privacy and security

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds visual, keyboard-only hints for navigating PythonLab’s CodeMirror editor and CodeBridge file tabs, to make discoverability of existing keyboard interactions (Enter/Esc and DnD “m”) better for sighted keyboard users.

Changes:

  • Wrapes the CodeMirror mount node to host a focus-visible floating hint for entering/exiting edit mode and scrolling.
  • Wraps the FileTabs row to host a focus-visible floating hint for tab reordering.
  • Adds new SCSS module styles to position and conditionally show hints via :has(...:focus-visible).

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

File Description
apps/src/lab2/views/components/editor/CodeEditor.tsx Adds wrapper + visual keyboard hint beneath the editor.
apps/src/lab2/views/components/editor/code-editor.module.scss Adds wrapper positioning and :has(.cm-scroller:focus-visible)-controlled hint styles.
apps/src/codebridge/FileTabs/FileTabs.tsx Adds wrapper + visual keyboard hint beneath the tab row.
apps/src/codebridge/FileTabs/styles/fileTabs.module.scss Adds wrapper positioning and :has(.label:focus-visible)-controlled hint styles.

Comment thread apps/src/lab2/views/components/editor/CodeEditor.tsx Outdated
Comment thread apps/src/codebridge/FileTabs/FileTabs.tsx Outdated
Comment thread apps/src/codebridge/FileTabs/FileTabs.tsx Outdated
@hannahbergam

Copy link
Copy Markdown
Contributor Author

Closing in favor of an approach that does #74565 first

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants