📚 Documentation: skip to content links need adding [a11y][TheA11y100]

[GrahamTheDevRel]

💭 Description

Issue

The docs are multi page, so we should have skip to main content link on each page.

Why it matters

On multi-page sites (vs Single Page Application (SPA)) it is advisable to have "skip to content" links as they reduce the number of tab stops required to get to the page content each time you navigate to a new page.

Otherwise you have to tab past the whole menu to get to the page content.

Suggested fix

Add skip links, similar to the example skip links codepen here.

These are links that are not visible unless they receive keyboard focus.

Relevant Success Criterion WCAG

Bypass Blocks in WCAG

Additional Notes

Should be added to the main template / layouts as the first link on the page. Should come before any other active content on the page.

Found on stream on 2023-10-25

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[Nwakaego-Ego]

Hi Graham,

I came across your tweet regarding the issues you raised and I'm eager to contribute. I noticed that the Appwrite Website is built with Svelte and SvelteKit. Although I'm a junior React developer, I'm willing to learn and work on this project. Could you please let me know if this opportunity is open to beginners like me?

If not will it be possible to shadow anyone working on this project?

Your feed back is highly appreciated.

Thank you

[ketanbaitule]

Hi, I would like to work on this

[ketanbaitule]

Hi, The Svelte doc Skip To Content Link First Goes To Sidebar, And then to content.

We have 2 Options: Just follow the svelte one, or medium one which directly goes to main content first.

What do you want me to do so??

[GrahamTheDevRel]

Hey @ketanbaitule Svelte Docs do it incorrectly as the point is to bypass the very long navigation.

So go to the main content. 👍🏼💗

[EVDOG4LIFE]

@GrahamTheDevRel - wanted to circle back on this. It appears that https://github.com/appwrite/website/pull/359/files was merged in December and the skip to content is live. Are you able to verify that this feature was implemented appropriately?

I can see it by hitting tab once the page loads:

[EVDOG4LIFE]

Closing out as related PRs are merged, and skip to content links are active. Please reopen or create a new issue if more is needed.