Provide a label for the Table of Contents <nav> element. Since the element already has a <p> child that reads "Table of Content", I would suggest giving that paragraph element an ID and then giving the navigation element an aria-labelledby attribute referencing that ID.
This will help screen reader users understand what kind of nav it is and will help them determine if they want to skip through reading all of those links.
Provide a label for the Table of Contents
<nav>
element. Since the element already has a<p>
child that reads "Table of Content", I would suggest giving that paragraph element an ID and then giving the navigation element anaria-labelledby
attribute referencing that ID.This will help screen reader users understand what kind of nav it is and will help them determine if they want to skip through reading all of those links.
Eg. https://ebooks.lullabot.com/ebooks/jponch-sample/table-of-contents/