🐛 Bug: Search results for Demos fail to navigate to specific sections

[Yonava]

Bug Report Checklist

• I have tried restarting my IDE and the issue persists.
• I have pulled the latest main branch of the repository.
• I have searched for related issues and found none that matched my issue.

Expected

When searching for specific demo content (e.g., "set position") via the site search, the results (mostly) correctly identify the section in the preview. Upon clicking the result, the user is navigated to the top of the /demos/basic/ page

Actual

User should be guided/scrolled to the relevant demo anchor so they don't need to manually hunt for the content on the page.

Additional Info

Search Result Preview

URL User Is Taken To

[github-actions]

👋 Hi @Yonava, thanks for the issue! A scan flagged some concerns with it. Could you please take a look?

[text-image-alt-text] Alternative text, or "alt text", is a description attached to an image. It allows non-sighted users and tools to understand the image despite not being able to visually see it.

The following image seems to have default alt text, rather than something informative:

<img width="1512" height="822" alt="Image" src="https://github.com/user-attachments/assets/2f48acea-090a-4be8-a9a8-00e8263d6ad6" alt="search result bug" />

To resolve this report, add descriptive alt text to the image.

The following image seems to have default alt text, rather than something informative:

<img width="1234" height="44" alt="Image" src="https://github.com/user-attachments/assets/f9ac1e94-0ec7-40c4-8bb5-52f18cc6ffb0" alt="url bar wrong url" />

To resolve this report, add descriptive alt text to the image.

🗺️ This message was posted automatically by OctoGuide: a bot for GitHub repository best practices.

[github-actions]

Uh oh! @Yonava, at least one image you shared is missing helpful alt text. Check your issue body to fix the following violations:

• Images should have meaningful alternative text (alt text) at line 18
• Images should have meaningful alternative text (alt text) at line 21

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.