[suggestion] making navigation bar clearer to screen reader users

[kLiHz]

I once shared a mdBook site with a friend who is using screen readers, and we find that the screen reader must walk through all the TOC items before it reaches the Toggle Table of Contents button, as well as the page's main body.

From "Inspect Element" in the web browser, we can see that the Toggle Table of Contents button locates after the <nav> block.

The annoying thing is that this may happen each time a new visitor visits the site, especially when there are a lot of chapters in the TOC. After collapsing the side bar, the screen reader won't read the TOC anymore. Fortunately, once the user clicked the button, the sidebar may not automatically appear again in later tabs.

What I'm wondering is the necessity of making changes to the page's layout, since my friend told me that they can still locate the main text with some shortcuts provided by the screen reader.

Thanks!

[kLiHz]

After doing some research, I must appreciate the contribution by the authors of #535 and #611.

I found that through <main> tag, users can easily jump to the main part of the page. But to make things more clear, I think we can:

• Add a "skipnav" link at the top of the nav bar.
• Or add a title or something to tell the user that they are at the "Table of Contents".

Sorry for the trouble!