Hidden content is readable with a screen reader
Link to Hidden content is readable with a screen reader copied to clipboard
reading-order-hidden-content
Rule
The reading and navigation order MUST be logical and intuitive.
Background
When content that is meant to be hidden from all users - such as error messages or hidden submenus or dialogs or alerts - is still available to screen reader users, they may be mislead or confused about the meaning of the content. This may occur when techniques are used that hide content visibly but not from screen reader users.
How to Fix
Fix this issue by removing the element from the DOM or hiding it from all users with CSS such as display:none.