Skip to content

Conversation

@glastonbridge
Copy link
Collaborator

@glastonbridge glastonbridge commented Jul 14, 2025

A few usability boosts for the documents sidebar.

  • Tidied up the CSS interaction between "Go back" and "open in new tab"
  • Tidied up the "open in new tab" focus border
  • Specifically for the keyboard navigation controls, move the tab order of "open in new tab" so that it obeys a more intuitive order of focusing the scrollable page on the first tab stop, and the "open in new tab" button on the second tab stop

This does not make sense to do for documentation that contains multiple tab stops, as it would put the "open in new tab" button after every tab stop in the page. This is because the documentation, including the go back button, is an iframe and injecting a tab stop for open in new tab would be a bigger piece of work. I have however improved the focus outlines for this case.

Keyboard navigation help

Before

Screen.Recording.2025-07-14.at.15.58.53.mov

(pressing shift-tab to reach the button)

After

Screen.Recording.2025-07-14.at.16.01.17.mov

(pressing tab to reach the button)

Block Reference help

Before

Screen.Recording.2025-07-14.at.15.59.13.mov

After

Screen.Recording.2025-07-14.at.16.01.46.mov

@glastonbridge glastonbridge force-pushed the keyboard-docs-tab-order branch from 0dea4d8 to 128569b Compare July 14, 2025 15:14
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Jul 14, 2025

Deploying review-pxt with  Cloudflare Pages  Cloudflare Pages

Latest commit: 73a6393
Status: ✅  Deploy successful!
Preview URL: https://49298985.review-pxt.pages.dev
Branch Preview URL: https://keyboard-docs-tab-order.review-pxt.pages.dev

View logs

@microbit-robert
Copy link
Collaborator

Yep, this is awkward, but works! I don't have any other suggestions so this is worth raising upstream and seeing if the MakeCode team have any other ideas, or will take it as is.

@glastonbridge Please fix trailing spaces linting issues before raising PR.

@glastonbridge glastonbridge force-pushed the keyboard-docs-tab-order branch from 128569b to fb2c56f Compare July 17, 2025 10:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants