Keyboard accessibility improvements to the micro:bit simulator. #6113
+188
−75
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- re-structures the DOM so that tab ordering of simulator elements moves left-to-right and top-to-bottom. - Makes the antenna element interactive using keyboard navigation, simple approach. Previously an invisible tab stop with no keyboard interaction. - Add preventDefault to keyboard actions to prevent scrolling when setting values when the simulator is inside a scrolled container.
|
@microsoft-github-policy-service agree company="Micro:bit Educational Foundation" |
|
For context, Alex (@glastonbridge) is working with the micro:bit team on MakeCode accessibility and integrating Blockly keyboard navigation. As the sim is between the toolbar and the workspace in tab order it’s really helpful to get a logical sequence in place. |
thsparks
approved these changes
Mar 25, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Provides the following accessibility improvements in the micro:bit simulator:
Old behaviour
Sequential tabbing through the simulator using the tab key
Screen.Recording.2025-03-13.at.13.44.05.mov
New behaviour
Screen.Recording.2025-03-12.at.16.05.10.mov
You can try it here.
Example project (needs JavaScript copy/pasting to correct deployment).