Toolkit accessibility/usability fixes

[ahuseyn]

• Docs layout moved from mdx-components.jsx to _app to prevent unmounting. Unmounting causes navBar to jump up on page change
• Low color contrast issues fixed
• Skip links added above header and to docs navbar
• HTML title added to single WP pages and 404 page
• Accessible names added to some doc links
• Authentication page in docs reordered in navBar

[headless-platform-by-wp-engine]

Check out the recent updates to your Headless Platform preview environment:

App	Environment	URL	Build
faustjs.org	preview-env-toolkit-accessibility-fixes	https://ho…wered.com	✅ (logs)

Learn more about preview environments in our documentation.

[moonmeister]

THese are my docs:

Update: guessing your docs layout detection isn't working. I'd switch that to router-based. I'm guessing the componenet name gets minified in prod

[moonmeister]

Looking good so far, couple things I couldn't check due to late issues but I expect this to be good once we get that taken care of

a11yreview1.mp4

[headless-platform-by-wp-engine]

Check out the recent updates to your Headless Platform preview environment:

App	Environment	URL	Build
faustjs.org	preview-env-toolkit-accessibility-fixes	https://ho…wered.com	✅ (logs)

Learn more about preview environments in our documentation.

[moonmeister]

@ahuseyn Hmm, I'm still seeing those twitches as recorded in my video. Is that what the docs layout move was supposed to fix? Or is this a sperate issue? Also, please resolve your merge conflict

[ahuseyn]

@ahuseyn Hmm, I'm still seeing those twitches as recorded in my video. Is that what the docs layout move was supposed to fix? Or is this a sperate issue? Also, please resolve your merge conflict

@moonmeister It must be a separate issue, which I can take a look at as well.

The layout fix in this PR intends to prevent docs sidebar unmounting on each page change. As you can see in the video, when this happens, docs scrollbar jumps up to the starting position.

Screen.Recording.2025-02-20.at.09.55.52.mov

[headless-platform-by-wp-engine]

Check out the recent updates to your Headless Platform preview environment:

App	Environment	URL	Build
faustjs.org	preview-env-toolkit-accessibility-fixes	https://ho…wered.com	✅ (logs)

Learn more about preview environments in our documentation.

[headless-platform-by-wp-engine]

Check out the recent updates to your Headless Platform preview environment:

App	Environment	URL	Build
faustjs.org	preview-env-toolkit-accessibility-fixes	https://ho…wered.com	✅ (logs)

Learn more about preview environments in our documentation.

[headless-platform-by-wp-engine]

Check out the recent updates to your Headless Platform preview environment:

App	Environment	URL	Build
faustjs.org	preview-env-toolkit-accessibility-fixes	https://ho…wered.com	✅ (logs)

Learn more about preview environments in our documentation.

[headless-platform-by-wp-engine]

Check out the recent updates to your Headless Platform preview environment:

App	Environment	URL	Build
faustjs.org	preview-env-toolkit-accessibility-fixes	https://ho…wered.com	✅ (logs)

Learn more about preview environments in our documentation.